728x90

모던자바스크립트 4

[모던 자바스크립트] 2.4 변수와 상수

https://ko.javascript.info/variables 변수와 상수 ko.javascript.info ✏️ 변수 변수(variable)는 데이터를 저장할 때 쓰이는 이름이 붙은 저장소 자바스크립트에선 let 키워드를 사용해 변수를 생성 아래 문(statement)은 message라는 이름을 가진 변수를 생성(선언) let message; 할당 연산자 =를 사용해 변수 안에 데이터를 저장 let message; message = 'Hello'; 문자열이 변수와 연결된 메모리 영역에 저장되었기 때문에, 변수명을 이용해 문자열 접근 가능 let message; message = 'Hello'; alert(message); // 변수에 저장된 값 출력 변수 선언과 값 할당을 한줄에 가능 let mes..

[모던 자바스크립트] 2.3 엄격 모드

https://ko.javascript.info/strict-mode 엄격 모드 ko.javascript.info 자바스크립트는 꽤 오랫동안 호환성 이슈 없이 발전해왔음 기존의 기능을 변경하지 않으면서 새로운 기능이 추가됨 덕분에 기존에 작성한 코드는 절대 망가지지 않는다는 장점이 있었지만 자바스크립트 창시자들이 했던 실수나 불완전한 결정이 언어 안에 영원히 박제된다는 단점도 생겼음 이런 상황은 ECMAScript(ES5)가 등장하지 전인 2009년까지 지속되었음 새롭게 제정된 ES5에서는 새로운 기능이 추가되고 기존 기능 중 일부가 변경됨 기존 기능을 변경하였기 때문에 하위 호환성 문제가 생길 수 있었음 그래서 변경사항 대부분은 ES5의 기본 모드에선 활성화되지 않도록 설계됨 대신 use strict라..

[모던 자바스크립트] 2.2 코드 구조

https://ko.javascript.info/structure 코드 구조 ko.javascript.info ✏️ 문 문(statement)은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미 코드엔 원하는 만큼 문을 작성할 수 있고 서로 다른 문은 세미콜론으로 구분 alert('Hello'); alert('World'); 코드의 가독성을 높이기 위해 각 문은 서로 다른 줄에 작성하는 것이 일반적 alert('Hello'); alert('World'); ✏️ 세미콜론 줄 바꿈이 있다면 세미콜론(semicolon)을 생략할 수 있음 alert('Hello') alert('World') 자바스크립트는 줄 바꿈이 있으면 이를 '암시적' 세미콜론으로 해석 이런 동..

[모던 자바스크립트] 2.1 Hello, world!

https://ko.javascript.info/hello-world Hello, world! ko.javascript.info ✏️ 'script' 태그 스크립트 후 태그 옆에 붙은 주석은 /path/to/script.js는 사이트의 루트에서부터 파일이 위치한 절대 경로를 나타냄 현재 페이지에서의 상대 경로를 사용하는 것도 가능 같은 폴더 내에 있는 "script.js"를 src="script.js"로 참조 url 전체를 속성으로 사용 가능 복수의 스크립트를 사용하고 싶다면 태그를 여러 개 사용 … 🚨 주의 HTML 안에 직접 스크립트를 작성하는 방식은 스크립트가 아주 간단할 때만 사용 스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋음 스크립트를 별도의 파일로 작성하면 브라우저가 스크..

728x90