내일배움 강의/완강-JS 문법 종합반5 5주차 : DOM과 클래스, 클로저 1. DOM (1) DOM의 기본 개념Document(HTML 파일)를 Javascript가 알아먹을 수 있는 Object 형태로 Modeling 한 것브라우저 기본 내장 API◆ 웹 페이지가 뜨는 과정 a. 사용자가 브라우저에 ‘http://www.naver.com’ 주소를 입력합니다. 사용자 = 브라우저 = 클라이언트, 같은 의 1. 클라이언트가 서버에게 ‘요청(request)’를 했네요. 2. 여러분이 크롬을 통해 클라이언트의 역할을 하는 것입니다.b. HTML 문서를 서버로부터 수신합니다. - 네이버서버는 여러분(=브라우저 =클라이언트)에게 ‘응답(response)’를 줬네요. - 그 응답은 HTML 문서(document)랍니다. c. 브라우저가 HTML 파일을 해석(parsing .. 2024. 11. 11. 3주차 : 데이터 타입(심화), 실행 컨텍스트, this 1. ★데이터 타입 심화(1) 데이터 타입의 종류(기본형과 참조형)◆ 자바스크립트에서 값의 타입 ▷ 기본형(Primitive Type)복제의 방식 : 값이 담긴 주소값을 바로 복제불변성의 여부 : 불변하다(메모리의 데이터영역 변경불가) ※ 불변하다 : 메모리의 데이터영역 변경불가. 바뀐 값은 데이터영역의 다른 위치에 저장하고 변수 영역에서 데이터 위치를 바꿉니다.▷ 참조형(Reference Type)복제의 방식 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제불변성의 여부 : 불변성을 띄지 않음참조형은 기본적으로 객체(object)입니다.(2) 메모리와 데이터에 관한 배경지식◆ 메모리, 데이터▷ 비트 : 컴퓨터가 이해할 수 있는 가장 작은 단위.0과 1을 가지고 있는 메모리를 구성하.. 2024. 11. 7. 4주차 : 콜백 함수와 동기/비동기 처리 [학습 목표] 자바스크립트의 콜백함수의 개념과 예시에 대해 학습해요. 어떤 항목에서 콜백함수를 전달받은 함수에게 제어권이 이양되는지를 이해하고 그 예시를 테스트해볼 수 있습니다. 비동기적인 코드 작성에서 발생할 수 있는 콜백지옥을 예방하고 비동기제어를 할 수 있는 Promise, async/await 등의 기술을 이해하고 활용하는 능력을 배양합니다1. 콜백함수// 콜백함수 예시 setTimeout, 배열에 대한 forEach // setTimeoutsetTimeout(function() { console.log("Hello, world!");}, 1000);// forEachconst numbers = [1, 2, 3, 4, 5];numbers.forEach(function(number) { cons.. 2024. 11. 5. 2주차_es6, 일급객체로서의 함수, Map과 Set [학습 목표] 자바스크립트 es6 문법에서 새로 추가된 문법에 대해 학습해요. 일급객체로서의 함수가 어떤 의미인지, 왜 중요한지 알며 실습을 통해 활용능력을 갖출 수 있어요. Map과 Set에 대한 개념에 대해 학습하고, 각각에 대한 활용능력을 갖출 수 있어요. 1. 각종 es6 문법 소개 ★(1) let, const var를 대체해서 나온 변수 선언에 사용 되는 키워드. 같은 변수를 중복 선언시 오류 발생.◆ let : 재할당은 가능하고, 재선언은 불가능 합니다.◆ const : 재할당, 재선언이 불가능, 초기값이 없으면 선언 불가능합니다. 값의 변화가 없는 변수 선언 시 사용 합니다.const value; // 초기값 없이 선언 불가능, SyntaxError: Missing initializ.. 2024. 11. 5. JavaScript 문법 종합반 1주차 1-1 자바스크립트 소개JS의 역사 - 많이 들어봤으니 이정도는 외워야할 것 같아요더보기더보기◆ 1995년 자바스크립트 탄생 ▷ 넷스케이프 커뮤니케이션(LiveScript → Javascript) 당시 인기있던 언어인 'Java'에서 따옴▷ 브라우저 동작 스크립트 언어◆ 1999년 자바스크립트 표준화(ECMA-262) 완료◆ ★2005년 AJAX 등장▷ 비동기 웹 애플리케이션 개발 가능▷ 폭발적인 UX 향상 (특정 영역만 새로고침 가능해짐)◆ ★ 2008년 V8 엔진 출시(google)▷ super fast(코드 실행 속도 상당부분 개선) → 브라우저의 속도가 빨라짐▷ 컴파일러, 메모리관리 시스템 ◆ ★ 2009년 Node.js 등장, 서버 개발 활성화▷ 서버개발의 지각변동 : PH.. 2024. 11. 5. 이전 1 다음
