ㅇㅅㅇ

놀랍다... 미뤘더니 생각나는게 많지 않네... 이래서 WIL 권장 작성 기간이 있나보다..한편으로는 읽어보면서 이런걸 했구나 돌아보는 시간을 가지게 되었다.그렇지만 역시 적을게 있으면 바로 적는게 좋을거 같다는 걸 밀린 회고를 적으면서 깨달아 본다...다섯 번째 도전기 - 디자인패턴과 함수형 프로그래밍, 함수형 사고의 첫걸음이번 과제는 단순히 기능을 구현하는 것을 넘어서 코드 구조와 설계에 대해 깊이 생각해볼 수 있는 기회였습니다. 평소 어느 정도 구조를 나누려 노력했지만 명확한 기준이나 패턴 없이 "그냥 이게 맞는 것 같은데?"라는 감각에 의존해온 부분이 있었습니다. 특히 컴포넌트를 언제 분리해야 할지, 상태 관리는 어떤 기준으로 해야 할지에 대해 체계적인 접근이 부족했음을 느꼈습니다.제공된 관련 문..

네 번째 도전기 - 더티코드에서 클린코드를 향한 여정Chapter 1을 마무리하고 새로운 시작인 Chapter 2에 접어들었습니다. 그동안 1-3주차에서 SPA, Virtual DOM, React 내부 원리를 구현해보며 "이게 어떻게 돌아가는 거지?"라는 궁금증을 해소했다면, 이번 주차는 "이 코드가 왜 이렇게 복잡한 거지?"라는 새로운 궁금증을 마주하게 된 시간이었습니다.처음 main.original.js 파일을 접했을 때, p, q, amt, sel 같은 모호한 변수명과 500줄이 넘는 calcCart 함수를 보고 "이게 정말 동작하는 코드일까?"라는 의심이 들었습니다. 퍼블리셔로서 자바스크립트를 사용해왔지만, 이렇게 가독성과 유지보수성이 떨어지는 코드를 보니 당혹스러웠고, 어디서부터 손을 대야 할지..

세 번째 도전기 - 퍼블리셔로서 React의 내부를 들여다본 한 주이번 3주차는 정말 특별한 경험이었습니다. 그동안 Vue를 실무에서 사용해왔던 퍼블리셔로서, React는 "사용법만 알면 되지"라고 생각했는데, 이번 과제를 통해 React의 내부 동작 원리를 직접 구현해보면서 "이게 어떻게 돌아가는 거지?"라는 궁금증을 해소할 수 있었습니다.처음에는 useRef, useMemo 같은 것들을 useState부터 하나하나 직접 만들어보라고 하니까 "이게 뭐야?" 싶었습니다. Vue나 React에서는 이런 것들을 알아서 해주니까 신경 쓸 일이 없었는데, 이번 과제에서는 그런 기능들을 직접 구현해보라고 하니까 처음에는 정말 어려웠습니다.Vue의 Vuex나 Pinia, React의 Redux나 Zustand 같은..