회고33 [프론트엔드스쿨] WIL 12주차 제로베이스 프론트엔트 스쿨 12주차 WIL Weekly I learned... 1. 스터디를 진행하면서 모듈 import/export 방법들을 정리했다. 2022.10.19 - [JavaScript] - [스터디] 자바스크립트 모듈 [스터디] 자바스크립트 모듈 모듈이란? 자바스크립트로 개발하는 애플리케이션이 커지면서, 파일을 분리하여 사용하게 되었고, 이 때 분리된 파일을 모듈이라고 한다. 즉, 클래스 하나/ 복수의 함수로 구성된 라이브러리 peach-milk.tistory.com 2. JS과제를 끝냈다. 그래서 간단한 회고를 작성해본다. (자세한 내용은 적을 수 없기에 내용을 제외한 회고이다.) 1) 좋았던 점 - 이를 통해 DOM조작 하는 것을 많이 배울 수 있었다. - 요구사항이라는 제한사항이 있.. 2022. 10. 23. [프론트엔드스쿨] WIL 10주차 제로베이스 프론트엔트 스쿨 10주차 WIL Weekly I learned... 자바스크립트 스터디를 진행하면서 강의를 들으며 빠르게 지나쳤던 개념들을 다시 살펴보았다. 1. Class - 클래스에 대해 공부하고 퀴즈형식으로 복습해보았다. 2022.10.03 - [JavaScript] - [스터디/퀴즈] Class 2. Custom event - 직접 만든 이벤트 - 생성자 let event = new Event(typeArg[, options]); - typeArg : 이벤트 이름을 나타냄, 문자열로 작성 - options : 하기 속성을 포함하는 객체 - detail : 이벤트의 세부 정보값, 기본값은 null, 처음 선언되면 변경할 수 없다. (읽기 전용 속성) - Event() : 생성자의 옵션에 .. 2022. 10. 9. [프론트엔드스쿨] WIL 9주차 제로베이스 프론트엔트 스쿨 9주차 WIL Weekly I learned... 1. 객체 프로퍼티 설정 / 프로토타입 상속 - 객체 프로퍼티의 플래그, getter/setter, 프로토타입에 대해서 학습하였다. 관련한 문제를 출제해서 정리해보았다. 프로토타입은 너무 헷갈려서 다시한번 정리가 필요할 것 같다. 2022.09.27 - [JavaScript] - [스터디] 객체 프로퍼티 설정 / 프로토타입 상속 2. DOM 조작 메서드 복습 - 과제2를 시작하려다가 제로베이스 기초강의에서는 DOM조작 메서드들을 너무 간략하게 다뤄서 예전에 사두고 안보고 있었던 유데미에 colt씨의 강의에서 필요한 부분을 찾아보았고, (스스로를 위해) 간략하게 정리해본다. 1) DOM : 문서 객체 모델, 웹페이지를 구성하는 J.. 2022. 10. 2. [프론트엔드스쿨] WIL 8주차 제로베이스 프론트엔트 스쿨 8주차 WIL Weekly I learned... 1. 자바스크립트 호출 스케줄링 - setTimeout과 setInterval에 대해 정리하였다. 2022.09.21 - [JavaScript] - 자바스크립트 호출 스케줄링 (setTimeout / setInterval) 2. 과제1을 제출했다. - HTML/CSS 과제를 드디어 끝내고 제출했다. 자세한 내용은 공개불가여서 소감 정도만 작성해본다. 결과가 어떻게 나올지는 모르겠지만 일단 디자인 시안과 같은 모습으로 구현은 했다. 요구 조건이 세세하고 같은 구조라도 다양한 방법으로 구현하도록 되어있어서 HTML과 CSS를 다양하게 써볼 수 있었다. 아쉬운 점 / 추후계획 - 분명 강의때 나왔던 내용인데도 막상 과제에 적용하려고 .. 2022. 9. 25. [프론트엔드스쿨] WIL 7주차 제로베이스 프론트엔트 스쿨 7주차 WIL Weekly I learned... 자바스크립트 스터디를 진행하면서 강의를 들으며 빠르게 지나쳤던 개념들을 다시 살펴보았다. 1. 문자열과 배열 메서드 정리 2022.09.14 - [JavaScript] - 헷갈리는 자바스크립트 문자열/배열의 메서드 정리 2. 알고리즘 - DP 동적계획법(Dynamic Programming) : 복잡한 문제를 간단한 여러개의 문제로 나누어 푸는 방법으로 최단 경로 문제, 행렬의제곱 문제등의 최적화에 사용된다. - 메모이제이션 : DP의 핵심이 되는 기술로써, 반복되는 계산에서 한번 계산한 결과를 메모리에 저장해 두었다가 꺼내 쓰는 방법. 즉 공간비용을 투입해서 시간 비용을 줄인다. 아쉬운 점 / 추후 계획 - 과제가 생각보다 양이.. 2022. 9. 18. [프론트엔드스쿨] WIL 6주차 제로베이스 프론트엔트 스쿨 6주차 WIL Weekly I learned... 자바스크립트 스터디를 진행하면서 강의를 들으며 빠르게 지나쳤던 개념들을 다시 살펴보았다. 1. DOM - 텍스트로 되어 있는 HTML 문서를 브라우저가 이해할 수 있는 자료 구조(트리구조)로 생성한 것. 2022.09.11 - [JavaScript] - DOM 소개 (그래서 DOM이 뭔데?) 2. 객체의 메서드와 this - JS의 객체는 메서드라는 속성을 가진다. 이는 객체 프로퍼티에 할당된 함수로 객체가 행동할 수 있게 해준다. 2022.09.07 - [JavaScript] - 자바스크립트 객체의 메서드와 this JS토이프로젝트 강의를 들으면서 DOM 인터페이스 메서드들을 직접 다루게 되었다. 그 중 가장 많이 사용한 것을.. 2022. 9. 11. 이전 1 2 3 4 다음