"Life is Full of Possibilities" - Soul, 2020

우아한테크코스 23

레벨 2 회고 - React를 '잘' 활용해 보자!

리액트에 대해 잘 안다고 생각했던 내가 무지했었음을 깨닫고처음부터 차근차근히 배워갔던 레벨 2였다.  미션 1. 페이먼츠 - Github : https://github.com/chosim-dvlpr/react-payments/tree/step2- 배포 주소 : https://chosim-dvlpr.github.io/react-payments/dist/- Storybook : https://6620c28ba5e20036aa444298-eyqndbcamz.chromatic.com/   [학습 목표]- 재사용 가능한 컴포넌트 만들기- Storybook 활용- 구성 요소들 간의 효율적인 상태 관리- Custom hook 적용하여 Form 관리 로직을 분리하고 재사용- Controlled & Uncontrolle..

레벨 1 회고 - 새로운 환경에 빠르게 적응하기, Vanilla JS부터 파헤치기

우아한테크코스첫 날부터 미션 시작에, 연극 준비에, 정신이 하나도 없었던 것 같다. 적응하랴 미션하느랴 순식간에 레벨 1이 끝나버렸다. 잊기 전에 쓰는 레벨 1 회고.연극을 해야 한다구요?우테코를 지원할 때까지만 해도 연극을 해야 하는 줄 몰랐다. 사실 합격 하고 나서 지인이 알려주더라. 너 연극해야 된다고 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 사람들 앞에 나서는 건 조금 부담스럽긴 했지만, 뭔가 재밌을 것 같았다.아이디어를 내는 과정은 역시나 힘들었다. 이것저것 아이디어를 내 보기도 하고, 유행하는 영상들을 찾아보기도 하고. 우리 조는 '모두가 공통으로 알고 있는 소재'를 포인트로 했다. 모든 크루들의 공감을 불러일으키고 싶었다.그래서 한 크루의 실화를 바탕으로 한 '우테코 최종 코딩테스트'를 소재로 했다. 결과는 성공적..

[TIL] addEventListener와 this 바인딩 에러

우아한테크코스 로또 미션을 구현하며 web과 코드 사이의 상호작용을 컨트롤러에서 담당했는데,그 과정에서 this 바인딩 에러가 발생했다.  원인을 한 마디로 정리하자면, addEventListener 속성에서의 this 때문! class LottoWebController { #webBudget; async start() { document.querySelector("#content-box-input-budget").addEventListener("submit", this.handleWebBudget()); // 문제가 발생한 곳 } getWebBudget() { const webBudgetInput = document.querySelector("#budget").value; thi..