개발이야기

Hoisting(끌어올려진다.) 자바스크립트가 코드를 읽어올 때 각 Scope(구역)에 들어있는 var, function과 같은 키워드로 선언된 코드는 아래와 같이 동작합니다. 실제 코드 더보기 console.log(name); // Print: undefined var name = '강승현'; 위 코드를 실행했을때 선언되지 않은 변수를 미리 참조했기 때문에 첫번째 줄에서 참조 에러가 발생해야 하는데 실제로는 발생하지 않습니다. 어떻게 된것일까요? 바로 Hoisting 이라고 불리우는 동작 때문인데요, var, function 키워드로 선언하면 아래와 같이 동작한다고 이해하시면 됩니다. Hoisting 적용 예시 (실제로 이렇게 변환되는것은 아니며, 대략 아래 코드처럼 동작한다는 의미입니다.) 더보기 v..

JS 기본 문법 - 01 더보기 🔥 수업을 원활히 진행하기 위해서는 JS의 기본 문법을 이미 알고 있더라도 자신이 제대로 알고 있는지 확인하며 넘어가주세요! 소소한 구문 설탕과 실무에서 자주 사용되는 코드 패턴이 섞여있어요! 변수 선언, 대입 연산자 변수 선언 veriable var만 쓰지 않으면 됨 Hoisting 떄문에 대입 연산자 REPL 시나리오 var age; // Print: undefined age = 10; // Print: 10 let age2 = 999; // Print: undefined age; // Print: 10 age2; // Print: 999 const name = 'Tim Kang'; // Print: undefined name; // Print: 'Tim Kang' n..

필수 다운로드 Visual Studio Code (VS Code) 왜 VS Code를 사용할까요? VS Code는 Windows 운영체제를 개발한 마이크로소프트에서 개발하고 관리중인 오픈소스 IDE입니다. 메모장처럼 아주 가볍지만 확장 프로그램을 통해 기능을 끝 없이 확장 가능한 만능 IDE입니다. 여러분이 언젠가 배울 수도 있는 자바스크립트의 상위 집합 언어인 타입스크립트를 개발한 마이크로소프트가 만든 IDE이기 때문에, 타입스크립트를 제일 잘 지원하기도 합니다. 패키지 = 모듈 = 라이브러리 JavaScript란? 1) JavaScript가 존재하기 이전의 웹 생태계 이 당시엔 웹 브라우저가 존재했지만, HTML과 CSS로 아주 간단한 스타일만 적용하는게 일반적이었습니다. CSS 또한 지금처럼 화려하..