본문 바로가기

Programing371

[모던JS] 007. [기본] 엄격 모드(use strict) 원문엄격 모드란? (use strict)자바스크립트는 호환성을 최우선시 하면서 발전해왔다.따라서 새로운 기능을 추가할 때도 기존의 기능은 전혀 건드리지 않고 발전해왔다.문제는 기존의 언어에서 언어 개발자의 실수 등으로 발생한 버그나 불완전한 코드도 여전히 남아있다는 것이다.그런데 2009년 ECMAScript5(ES5)가 등장하면서부터는 기존의 기능도 수정이 이루어졌다. 따라서 하위호환성 문제가 발생하기도 했다.하지만 그냥은 실행이 안 되고 아래의 기본형을코드의 최상단에 왔을 때만 '모던한 방식', 즉 기존의 버그까지 모두 수정한 최신의 스크립트가 작동되도록 설계하였다.기본형코드 최상단에 아래의 지시자를 입력한다."use strict";함수 하나만 엄격모드로 실행하기함수의 최상단에 아래의 지시자를 입력하.. Programing/JavaScript 2024. 3. 25.
[모던JS] 006. [기본] 코드 구조(문, 주석) 원문이 문서에서는 코드 블록을 만드는 방법에 대해 다룬다.문(statement)문의 의미어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 말함.alert('hello, world!')와 같은 것이 문이다.문을 작성하는 방법세미콜론(;)으로 구분세미콜론을 작성하지 않으면 코드가 끝나지 않았다고 생각되어 에러가 발생할 수 있음.세미콜론에 대해서는 아래에서 추가적으로 다룸.가독성을 위해 하나의 문은 한 줄에 작성하기// 바른 예alert("hello");alert("world");// 에러 예제 1alert("에러가 발생합니다.")[1, 2].forEach(alert) // 단일 문으로 인식// 에러 예제 2alert("에러가 발생합니다.")[1, 2].forEach(.. Programing/JavaScript 2024. 3. 25.
[모던JS] 005. [기본] Hello, world!(JS 작성법, 내외부 스크립트) 원문script 태그자바스크립트의 코드는 HTML 문서에서 사용하는 방법이 두 가지가 있다.HTML 태그 내에서 모던 마크업HTML의 그런데 태그 내부에 자바스크립트 코드를 직정 작성하는 방식은 스크립트가 간단할 때만 사용한다.대부분은 별도로 외부 스크립트를 작성해서 불러온다고 생각하면 좋다.이유는 한 두개의 페이지가 아니라 웹 사이트는 여러 페이지에서 동일한 스크립트를 사용하기 때문에 매번 같은 코드를 작성하는 것도 번거롭고 수정도 불리하다. 그리고 가장 큰 문제는 스크립트를 별도 파일로 저장해서 불러오면 캐시(cache)에 저장하기 때문에 페이지를 새로고침 했을 때 다시 불러오지 않아 스크립트 파일을 한 번만 불러와 로딩 속도에서 유리하다.정리HTML 내부에서 자바스크립트를 사용할 때, 또는 외부 .. Programing/JavaScript 2024. 3. 25.
[모던JS] 004. [소개] 개발자 콘솔 원문개발자 콘솔이란?웹 브라우저들에는 자체적인 개발자 도구가 있다. 특히 Chrome이나 Firefox가 그 성능이 우수하다.윈도우 기준 F12를 누르면 개발자 콘솔이 뜬다. 여기에서 코드의 어느 라인에서, 어떤 에러가 발생했는지 메시지를 보여준다.다른 브라우저들도 개발자 도구가 있지만 성능이 Chrome이나 Firefox만 못하다.웹 페이지가 로드되었을 때 이 페이지에서는 에러 내용이 보이지 않는다. F12를 눌러 개발자 콘솔을 열어 콘솔창을 확인해야 비로소 에러 메시지가 출력된다.ChoromeF12를 누르면 개발자 도구가 열린다. 콘솔에서 에러 메시지와 에러가 발생한 코드의 라인을 알 수 있고, 직접 코드를 타이핑 해볼 수 있다. 당연히 여기서 타이핑한 코드는 HTML이나 JS파일에 저장되는 것이 아.. Programing/JavaScript 2024. 3. 25.
[모던JS] 003. [소개] 코드 에디터 원문코드 에디터란?코드 에디터는 개발자가 코드 입력을 도와주는 프로그램을 말한다.크게 통합 개발 환경(IDE)와 경량 에디터로 나뉜다.통합 개발 환경(Integrrated Development Environment, IDE)통합 개발 환경(Integrrated Development Environment, IDE)는 버전 관리 시스템, 테스팅 환경 등 프로젝트 수준의 작업을 할 수 있게 해주고 프로젝트에 기반한 자동완성 기능도 제공한다.대표적으로 MS의 Visual Studio가 있다. Viscual Studio Code는 경량 에디터이다.경량 에디터통합 개발 환경보다 라이트한 버전이지만 속도가 빠르고 단순하다는 장점이 있다.경량 에디터와 IDE와의 큰 차잉점은 IDE는 프로젝트 수준에서 작동한다는 점이다.. Programing/JavaScript 2024. 3. 25.

티스토리툴바