vscode에서 라이브서버 기능을 이용해 웹사이트를 열면 localhost라는 문자가 나온다 우선 localhost의 개념을 알아보기 전 host를 알아보자 host : 네트워크를 이용하기 위해 네트워크에 연결된 장치 => 위에서말하는 장치는 검색을 하기 위해 사용하는 (네트워크에 연결된) 컴퓨터나 스마트폰이 host가 됨 Localhost : 사용자의 컴퓨터 자체를 가르키는 ip 주소를 의미 - 다른 컴퓨터에서는 이 주소에 접근할 수 없다 localhost === 127.0.0.1 도메인 === IP주소 컴퓨터는 DNS(Domain Name System)를 통해 도메인을 숫자인 ip주소로 변환해줌 DNS : Domain Name System의 약자 : 네트워크에서 도메인이나 호스트 이름을 숫자로 된 i..

D-day카운터를 만들면서 함수의 개념도 같이 이해해보도록 하자 함수 : 특정 기능을 수행하거나 계산을 수행하는 코드의 집합 (재사용): 호출을 통해 실행, 사용할 수 있다: 함수 내부의 로직은 함수 호출시 동작한다 문법 function 함수이름([매개변수1, 매개변수2]){ //여러개의 변수+연산자+형변환+조건문+반복문을 활용해 만들어진 특정 기능을 하는 구문(알고리즘) [return 값;] // 반환데이터 } 매개변수란? (parameter) : 외부 데이터를 함수 내부로 전달하는 매개체 역할을 하는 변수 - 함수가 호출되어 실행되기 시작하면 함수 내부는 외부에서 접근할 수 없게 된다 이때, 함수 외부에서 함수 내부로 값을 전달하는 방법 = 매개변수 이용! 함수에따라 매개변수가 없을수도 있고 1개이상..

배열(Array) - 순서가 있는 데이터를 저장할 때 사용 - 데이터 모음이 논리적으로 정의된 규칙에 의해 나열된 것 배열의 생성 - 대괄호([])를 이용해 배열을 생성 할 수 있다 - 각각의 데이터는 콤마(,)로 구분한다 - 각각의 데이터를 배열의 요소(element)라고 한다 - 모든 데이터는 배열의 요소로서 존재할 수 있다(문자열, 숫자, 배열....등) let age = [14,17,12,23,20] - 배열의 각 요소는 index* 값을 가진다 : index는 각 요소에 순서를 부여하고, 해당 요소에 접근이 가능하도록 한다 : 0번부터 시작한다 인덱스번호로 배열의 요소에 접근하는 방법 // 변수명[index번호] let age = [14,17,12,23,20] console.log(age[0])..

자바스크립트란? - 웹 페이지를 동적으로 동작할 수 있도록 만들어주는 프로그래밍 언어 ex) 어떤 사이트에 로그인하는 것, 이미지를 업로드 하는 것, 메뉴를 눌러 다른페이지로 이동하는것 등..... - 처음 웹 페이지를 조작하기 위해 탄생하였으나 현재 서버구축, 비디오 스트리밍, 게임 등 많은 분야에서 활용되고 있다. 변수란? - 데이터 보관함(원하는 데이터를 담을 수 있는 상자)과 같은 개념 - 나중에 다시 사용하기 위해 기억해야할 정보를 저장해야하는 공간 (쉽게 말하자면 변수명이라는 이름의 박스에 데이터를 넣는다) 변수 선언과 데이터 할당 변수 선언시에 변수명은 반드시 이름만으로도 어떠한 데이터가 담겨있는지 알 수 있도록 명시적이어야 한다. var aaa; // x var age; // o 프로그래밍..

Pseudo-class(가상 클래스) - 여러 상태에 따른 스타일을 지정해 줄 수 있다 문법 selector:pseudo-class { property: value; } 주로 btn, a, input 태그와 결합하여 사용한다 .btn {background: blue;} /* 기본 상태 */ .btn:hover {background: pink;} /* 마우스 호버시 */ .btn:focus {background: plum;} /* 클릭 후 계속 포커스 상태일 때 */ .btn:active {background: yellow;} /* 클릭 중일 때 */ 단 hover, focus, active를 동시에 스타일링 할 경우 해당 순서대로 작성하여야 정상작동 한다 입력 요소의 가상 클래스 (input) :auto..