바닐라 자바스크립트11 [바닐라 자바스크립트] 3장 - 자바스크립트 기본 문법 3.1 자바스크립트 작성 위치 - HTML에서 JS 작성 가능한 위치 (2가지) - head 태그 - title 태그 밑에 안에 작성 - 브라우저가 body 태그의 HTML 코드 실행 전에 JS 코드 먼저 해석하게 됨 - 사용자에게 보여지는 웹 페이지는 느려질 수 있음 (HTML 코드로 작성된 화면 UI 렌더링 속도) - body 태그 (권장) - body 태그 제일 하단의 안에 작성 - body 태그에 있는 HTML 코드가 모두 실행되어 사용자가 보고 있는 브라우저 화면에 나타난 후, JS 코드를 실행함으로써 사용자가 느끼는 페이지 로딩 속도 높일 수 있음 - JS 파일 생성해서 사용할 수도 있음 - 작성된 JS 파일을 HTML 파일에 삽입해서 사용 가능 - script 태그의 src 속성에 js 파일.. 2022. 1. 21. [바닐라 자바스크립트] 2장 - 개발 환경 구성 2.1 Visual Studio Code 설치 - VS Code: MS에서 제공하는 개발 IDE (통합 개발 환경) - 맥에서 비주얼 스튜디오 코드 설치 - 다운로드 후 별도의 설치 과정이 필요 없고, 실행 파일 더블 클릭해서 바로 실행 가능 - 윈도우에서 비주얼 스튜디오 코드 설치 - 환경변수 추가 2.2 Node.js 설치 - Node.js: 확장성 있는 네트워크 애플리케이션, 즉 서버 프로그램 개발을 JS로 가능하도록 하는 JS 런타임 환경 - JS로 클라이언트 프로그램 개발 위해서는 수많은 라이브러리(패키지)가 필요 => Node.js 설치 요구 - 맥에서 Node.js 설치 - LTS: 가장 안정화된 버전 설치 - 윈도우에서 Node.js 설치 - 노드 런타임, 노드 패키지 매니저, 온라인 문서.. 2021. 12. 27. [바닐라 자바스크립트] 1장 - 자바스크립트 1.0 자바스크립트 - 자바스크립트: 객체 기반의 스크립트 프로그래밍 언어 1.1 자바스크립트의 역사 - 1990s 브랜던 아이크, Mocha -> LiveScript -> JavaScript - MS IE 전용 스크립트인 JScript - 동일한 웹 애플리케이션을 개발하더라도 어떤 브라우저에서 구동되는가에 따라 서로 다른 스크립트 구현 문제 => 크로스 브라우징 이슈 - 스크립트 표준에 대한 요구 필요성 1.2 ECMA Script란 - ECMA (Euporean Computer Manufacturers Association): 컴퓨터 시스템 표준화 위한 유럽 표준화 기구 - ECMA 262: 스크립트 프로그래밍 언어의 표준 규격 - JS는 프로그래밍 언어, ECMA Script는 스크립트 표준 1.3.. 2021. 12. 27. 이전 1 2 3 다음 반응형