본문 바로가기

바닐라코딩15

바닐라코딩 prep 3주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 강의 이번주 강의는 원시타입과 참조타입에관한여 그리고 es5 이후로 추가된 자바스크립트의 기능에대해 공부했습니다. -Primitive & Reference type 자바스크립트에서 객체(object)를 제외한 모든 자료형은 원시타입입니다. 즉 객체만 참조형입니다. 참조형과 원시타입의 차이는 변수에 저장할때 해당 자료형의 메모리 주소를 저장하는지 아니면 실제 자료를 저장하는지로 구분됩니다.(실제로는 변수가 원시형이든 참조형이든 변수는 메모리주소가 저장됩니다. 다만 설명의 용이를 위해 대부분 위와 같이 구분하는 것 같습니다.) 코어자바스크립트 서적의 챕터 1과 모던 자바스크립트 deep dvie 서적의 원시형과 참조형에 관한 설명파트를 보면 이.. 2021. 8. 10.
바닐라코딩 prep 2주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 강의 이번주 강의는 DOM과 스코프 호이스팅에 관하여 정리하는 강의였습니다. - DOM Document Object Model을 의미하며 HTML 문서를 구조화 하여 자바스크립트로 제어할 수 있게해주는 API입니다. HTML 문서는 HTML 요소(element)의 집합으로 이루어져있으며 해당 요소들은 객체화되어 트리 자료구조의 노드가됩니다. 이렇게 노드객체로 구성된 트리자료구조를 DOM 이라고 합니다 (따라서 DOM 트리라고도 부릅니다.). DOM 에는 HTML 문서 조작을 가능케 하는 여러 메서드가 있으며 주로 요소선택, 요소조작, 요소생성, 이벤트 와 관련이 있습니다. https://developer.mozilla.org/en-US/do.. 2021. 8. 2.
바닐라코딩 prep 1주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 이번 1주차는 사실상 첫 주차여서 강의가 많다거나 과제내용이 어렵다거나 한 부분은 없었습니다. 강의 첫주차 강의는 자바스크립트의 기본 문법(자료형, 함수, 조건문, 객체 등...)에 대해 간단히 정리했으며 본 글에 별도의 정리가 필요한 수준은 아니었습니다.(MDN공식문서의 튜토리얼 정도의 난이도 였습니다.) 마침 모던 자바스크립트 deep dive를 읽고 있는 중이었는데 해당 내용에 기존에 알던 내용을 가볍게 환기하는 느낌 이었습니다. (설명은 이번주 강의 보다 모던 자바스크립트 책과 MDN문서가 더 자세합니다.) 과제 이번주의 과제는 사용자의 인풋을 받아 화면에 띄우는 함수를 구현하는 것이었습니다. 기본적인 DOM 조작으로 해결 가능했으며.. 2021. 7. 26.