분류 전체보기

6. variable types 자바스크립트에는 다양한 변수들이 있다. 크게 두 개로 나누자면 primitive ( single item )와 object가 있다. primitive는 더 이상 작은 단위로 나누어지지 않는 타입들이다. 예를 들면 number, string, boolean, null 등이 있다. object는 single items를 모아서 만들어진 것이다. 예를 들면 function과 first-calss function이 있다. first-class function은 function도 다른 변수에 할당이 가능하다는 것을 의미한다. 당연히 다른 함수의 파라미터로도 쓰일 수 있고, 함수의 리턴타입으로도 쓰인다. 자바스크립트에서는 타입으로 동적으로 선언되므로 그냥 let a = 10; let..

본격적인 자바스크립트 문법을 시작한다. 열심히 하자! 자바스크립트로 정말 많은 것을 할 수 있는 시대가 온 것 같다. 예전 자바스크립트라 하면 초등학교 정보시간? 아무튼 컴퓨터 배우는 시간에 경고알림창을 띄우는 자바스크립트 명령어를 외워서 친구들이랑 장난쳤던 것이 생각나는데, 이제는 여러 분야에서도 잘 쓰이는 자바스크립트를 보니 감회가 새로웠다. 1. 변수 - let 자바스크립트에서 변수에는 let이 있다. "use strict"; let a = "Hello"; console.log(a); a = "World"; console.log(a); (맨 윗줄 use strict는 이전 포스트에 언급되어있다.) 이렇게 쓰인다. 위 코드의 결과는? 같은 변수에 다시 다른 값을 할당해 줄 수 있다. 컴퓨터공학을 전공..

async vs defer는 html 문서에서 자바스크립트를 포함할 때, 어떻게 포함하는 것이 더욱 효율적인지 판단하는 것과 같다고 볼 수 있다. 1. head 태그안에 스크립트 포함하기 이렇게 head 태그 안에 스크립트를 넣으면 사용자가 html 문서를 다운로드 받을때 브라우저는 html문서를 한줄한줄 분석한다. 이 때 script태그를 발견하면 hmtl parsing을 멈추고 필요한 자바스크립트 파일을 다운받고 실행하게 된다. 그 다음 다시 html 문서를 다시 파싱한다. 이런 방식의 단점은 만약 자바스크립트 파일이 무거울때 사용자가 html 문서를 다운받고 사용할 수 있을때까지의 시간이 너무 오래걸린다. 2. body 태그 맨 마지막에 스크립트 포함하기 브라우저가 HTML parsing을 다 끝내..

최근에 맥북프로를 구매하면서 비주얼 스튜디오 코드의 사용법이 조금은 바뀌었다. 빨리 익숙해져야지..! 본격적으로 자바스크립트를 시작해보겠다. 대부분의 프로그래밍 언어를 배우면 시작하는 것! 바로 'Hello World!' 를 출력해보자! 1. Hello World! 출력하기! 일단 언제나 그랬듯 Visual Studio Code를 실행시켜준다. 자바스크립트 프로젝트 디렉토리를 만들고, main.js를 생성해준다. 자바스크립트의 출력문은!! console.log("Hello World!"); 이는 console이라는 API에 log라는 함수를 호출하여 사용하는 코드이다. VSC가 아닌 node.js를 활용해도 자바스크립트를 공부할 수 있지만, 아직 필자는 프론트엔드 개발자가 목표이기 때문에 Visual S..