회고/[WIL] 제로베이스 프론트엔드 스쿨11 [프론트엔드스쿨] WIL 17주차 제로베이스 프론트엔트 스쿨 17주차 WIL Weekly I learned... 백엔드와 하는 협업 프로젝트를 시작하게 되었다. 우테코도 막바지와 겹쳐서 정말 바빴다. 아직 리액트도 제대로 못하는데...정말 너무 다행히도 너무 감사한 분을 프론트 팀원으로 만나게 되어서 이번주는 리액트 공부를 하는 주간으로 보내게 되었다. 하지만 이번주 프로젝트를 하면서 진행한 부분을 회고 해보고자 한다. [배운것] 프로젝트는 처음이라 사실 모든것이 다 배울 점이었다. - 첫주는 기획단계여서 이론적인 것을 배웠다기 보다 프로젝트 진행에 대해서 알 수 있었다 - pre기획안을 바탕으로 와이어프레임 초안 작성, 기능 정의, db설계, api 명세서 작성을 했는데 멘토님께서 주간 미팅에서 기능 정의의 중요성과 일정 정리의 중요성.. 2022. 11. 27. [프론트엔드스쿨] WIL 16주차 제로베이스 프론트엔트 스쿨 16주차 WIL Weekly I learned... 1. 모던 자바스크립트 인포를 학습하고 해당 내용을 퀴즈 형태로 복습했다. https://jasper-postbox-8e9.notion.site/2-1-1-3-82690815df7a4a1991e2189de58aa265 2. 비동기 함수의 처리에 대해 고민하다가 제너레이터를 다시 공부하게 되었다. 조건상 promise를 쓸수 없었고, 비동기, 순환참조 등등 첩첩산중이 되어서 제너레이터를 써볼까 하고 보게 되었다. 아직 제대로 적용을 못했는데, 적용해보기 위해 간략하게 기본사항을 정리해본다. - 제너레이터 : 코드블록의 실행을 일시 중지 시켰다가 필요한 시점에 재개할 수 있는 특수 함수. - 함수 호출자에게 함수 실행 제어권을 양.. 2022. 11. 20. [프론트엔드스쿨] WIL 15주차 제로베이스 프론트엔트 스쿨 15주차 WIL Weekly I learned... 1. DOM 노드 탐색 프로퍼티를 비교했다. childNodes와 children 의 차이를 제대로 알지 못하고 썼었기에 그 부분에 중점을 두었다. 2022.11.09 - [JavaScript] - DOM 노드 탐색 프로퍼티의 비교 (childNodes vs. children) 2. Javascript의 논리연산자를 간략하게 정리하였다. 2022.11.09 - [JavaScript] - 자바스크립트 논리 연산자 정리 아쉬운 점 / 추후계획 - 과제3 진행이 계속 미뤄지고 있다. 정말 큰일이다. 어떻게든 리액트 기본 강의를 다 들었는데 너무 빠르게 들어서 남는게 없는 느낌이다. 과제를 진행하면서 계속 검색하면서 해야 할 것 같다.. 2022. 11. 13. [프론트엔드스쿨] WIL 14주차 제로베이스 프론트엔트 스쿨 14주차 WIL Weekly I learned... 1. 좋은 코드란 무엇인가에 대해 고민하고, 클린 코드를 위한 방법들을 정리해보았다. 2022.11.01 - [JavaScript] - [스터디] 자바스크립트 코드 품질 이 주제는 개발자가 되기로 한 이상 평생 안고가야 하는 주제인것 같다. 아직은 익숙하지 않은것들이 너무 많아서 클린 코드까지 신경써야 한다는게 어려운거 같기도 했지만, 즐거운 고민이기도 한 것 같다. 좋은 코드를 찾아 떠나는 여정에 발을 들였으니, 잘 헤쳐나가볼수 있길! 아쉬운 점 / 추후계획 - 벌여놓은것들을 어떻게 잘 마무리 할지, 시간을 어떻게 사용해야 할지는 항상 고민이다. 어영부영하다가 리액트 강의 들을 시간이 너무 없어서 2배속으로 훑어라도 보자는 .. 2022. 11. 6. [프론트엔드스쿨] WIL 13주차 제로베이스 프론트엔트 스쿨 13주차 WIL Weekly I learned... 1. 과제에도 나왔던 프록시를 스터디를 하면서 다시 정리해보았다. 2022.10.25 - [JavaScript] - [스터디] JavaScript Proxy 2. 리액트의 state - 함수 컴포넌트 내부적으로 상태를 관리할 때 사용 - useState 라는 hook 함수를 import하여 사용한다. - 구문: const [state, useState] = useState( ) - useState( ) 는 컴포넌트의 re-rendering을 발생시킨다. - state를 부모로 끌어올려서 자식 컴포넌트들에서 내려받아 사용할 수도 있다. 아쉬운 점 / 추후계획 - 리액트 과제를 하기전 강의를 듣고 있는데 진도가 왜이렇게 느린지 모.. 2022. 10. 30. [프론트엔드스쿨] 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. 이전 1 2 다음
