본문 바로가기

분류 전체보기101

[항해99] 3일차(DOM, Callback, Class) DOM(Document Object Modeling) 1. html 파일을 자바스크립트가 이해할 수 있는 Object 형태로 모델링한 것 2. 기본적으로 브라우저에 내장되어 있는 API => API: 다른 시스템에서 제공하는 기능을 사용할 수 있도록 도와주는 중간자 역할 3. DOM은 node를 갖으며, 각각의 node들은 속성과 메서드(동사형)를 갖는다. => node: , , 등과 같은 것 콜백 함수 1. 매개 변수로 사용되는 함수 2. 콜백 함수는 제어권을 다른 함수에 넘겨주고, 받은 함수는 자신의 로직대로 콜백 함수를 처리 3. 아래의 코드에서 cbFunc로 호출하면 제어권은 cbFunc에 있지만, timer2로 호출하면 제어권은 setInterval에 있음 var cbFunc = function.. 2023. 8. 16.
[항해99] 2일차(호이스팅, 실행 컨텍스트, This, 유사배열) 오늘 수업은 꽤 난이도가 있었다. 수업을 들으면서 기본적인 지식의 한계를 느꼈다. 그래서 오늘은 코드가 아닌 이해가 어려웠던 내용들을 강의를 통해 내가 이해한 위주로 작성하고자 한다.(틀린 부분이 있으면 댓글 부탁드립니다..) 1. 실행 컨텍스트 1) 정의: 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 2) 실행 컨텍스트 객체의 실체(담기는 정보) - Variable Environment: 이 부분에 정보를 먼저 담고 이를 그대로 복사해서 이 보다 작은 Environment에 저장을 하는 용도 - Lexical Environment: VE와 역할은 동일하나 규모가 작고, LE 부분에서는 VE와는 다르게 변경사항을 실시간으로 반영한다. - ThisBinding 2. 호이스팅(Record와 관련) 1).. 2023. 8. 16.
[항해99] 1일차(JavaScript 문법) 드디어 항해 본 과정 시작!! 이번주는 JavaScript 문법을 배우는 기간이어서 문법 강의를 들었다. 1일 차 강의는 기본적인 문법에 대한 내용이었기 때문에 빠르게 듣고 2일 차로 넘어갔다. 근데 2일 차부터 일급 객체로서의 함수가 나오더니 함수 안에 함수 안에 리스트 안에 함수 넣고, 객체 안에 함수 넣고... 살짝.. 아니 많이 복잡해졌다. 그래서 내일 2일차 강의 다시 한번 들으면서 복습을 해야겠다고 생각했다. 오늘도 이전 글들과 마찬가지로 수업 내용 중 중요하다고 생각하는 것들, 그리고 헷갈린 것들에 대해 작성을 해보고자 한다. 1. 문자열 // 문자열 합치기 let str = "Korean" let str2 = " People" let result = str.concat(str2) 결과: K.. 2023. 8. 14.
1주차 WIL (사전 미니 프로젝트 회고) 4일간의 사전 강의를 듣고 진행한 미니 프로젝트. 나는 그전부터 웹개발 종합반 내용을 들었기 때문에 프로젝트 직전 1주 반 정도 공부했던 것 같다. 시간이 3일도 채 주어지지 않았기 때문에 당연히 프로젝트는 지금까지 배운 내용 수준 정도라고 생각을 했고 크게 어렵지 않을 거라고 생각을 했다. 하지만 이전 기수들이 진행했던 미니 프로젝트 완성본을 보니 눈앞이 깜깜해졌다.. '저걸 나보고 만들라고?'라는 생각도 들었다. 그래도 팀원들이 초반에 어떤 방향으로 프로젝트를 진행할 건지 계획을 잘 세워주셔서 프로젝트를 시도해(?) 볼 수 있었다. 우리 팀은 간단하게 to-do-list를 만드는 프로젝트를 진행했다. 프로젝트는 기존 웹개발 종합반에서 만들었던 to-do-list를 기반으로 몇 가지 기능 추가 및 로그.. 2023. 8. 11.
728x90