느릿늘있

Q1. 과제  클린 코드 2주차도 무사히(?) 마쳤습니다! 과제를 완성하는 것에 너무 스트레스를 받기 보다는 공부를 꾸준히 하고 있는 과정 자체에 집중을 하려고 노력하고 있답니다. 이번 주에는 또 어떤 것들을 시도하고 배웠는 지 기록을 남겨보겠습니다!!Q2. 시도  이번 주 코드는 저번 주만큼 더티하지는 않았던 것 같습니다. 클린 코드 중에서도 이번 주는 순수함수를 주요 주제로 삼고 있었습니다. 함수라는 카테고리 안에서 액션과 계산을 구분한다는 생각 자체를 해본 적이 없었고 그냥 느낌적인 느낌으로 구분하고 쪼개고 했었던 것 같습니다. 이번 과제에는 액션 함수가 덩어리로 묶여 있었고 이를 순수함수인 계산의 단위로 추출해내고 정리하는 것이 미션이었습니다. 확실히 액션과 계산을 분리한다라는 개념을 가지고 접근..

Q1. 과제  이번주 과제의 주제는 React Hooks 였습니다. 회사에서 class 기반으로 개발을 하다보니(Angular) hook을 쓸 일이 없었는데 이번에 확실하게 개념을 잡을 수 있었습니다. hook도 그 근본은 class이다보니 이해하는 데 큰 어려움은 없었습니다. 그래서인지 심화 과제도 hook 그 자체보다는 메모이제이션과 관심사 분리가 주된 내용이었습니다.Q2. 시도  가장 기억에 남는 시도는 useRef를 useState로 구현하는 부분이었습니다.Q3. 문제점  머리 속에 useRef는 리랜더링 되지 않는 값, useState는 리랜더링이 필요한 값이라고 주입식으로 외우다 보니 useRef를 useState를 써서 구현하라는 요구 사항이 처음에는 이해가 되지를 않았습니다. 그러나 잘 생..

Q1. 과제  이번주 과제는 Virtual DOM을 직접 구현해보는 것이었습니다. 전체적인 구조는 잡혀 있는 상태로 미션이 주어졌고 내부 구조를 구현하는 방식이었습니다. 처음에는 이번주에 휴일도 이틀이나 있으니 여유로운 마음으로 시작했는데 AI의 도움이 없었더라면 완성하지 못했을 것 같다는 생각이 들 정도로 구현해야 하는 양도 많고 생각할 거리들이 많았던 것 같습니다.Q2. 시도  Virtual DOM을 직접 구현해 볼 거라고는 생각해본 적도 없었기에 처음에는 감조차 잡히지 않았습니다. 요구 사항에 따라 하나씩 구현을 해 나가다 보니 점점 모습이 갖춰지는 게 재미있었던 것 같습니다.ㅎㅎ 특히 DOM Element를 vNode로 만들어서 비교하고 변경점들을 다시 DOM Element에 주입하는 작업이 어려..

Q1. 과제  이번주 과제는 SPA를 Vanilla JS로 구현하는 것이었다. 이번 주 과제를 진행하면서 마주한 문제들 중 가장 기억에 남는 두 가지를 뽑자면 구조 설계와 클릭 이벤트 처리였다.Q2. 시도  1. 구조 설계시작할 때, 프로젝트 구조를 main -> router -> 각 component 구조로 구성하면 되겠다라고 생각했고 각각의 역할을 아래와 같이 부여했다.1. main : 프로젝트 진입점, router에 현재 url path를 전달하여 컴포넌트를 실행함2. router : 전달받은 path를 기준으로 각 컴포넌트를 실행함3. component : 화면을 그림  2. 클릭 이벤트 처리버튼이면 버튼, a태그면 a태그를 querySelector로 잡아서 addEventListener clic..

1. 지금까지의 회고  7월부터 지금까지 사전 스터디부터 네트워킹 파티 그리고 사전 OT까지 진행을 했다. 본 과정 시작 전 부족한 React와 Typescript 지식을 보강하기 위해 사전 스터디를 신청했고 예상대로 듬성듬성 구멍난 기초를 다듬는데 큰 도움이 되었다. 사전 스터디만 해도 이렇게 성장에 도움이 되었는데 본 과정은 더욱 더 기대가 된다.  또, 본 과정 시작 전부터 교육생들을 위해 적극적으로 소통해주시는 매니져분들과 네임드 코치진들을 보면 웅장이 가슴해진다. 극내향인으로서 동기들과의 네트워킹은 다소 부담되지만 이 또한 혼자 학습했다면 시도조차 해보지 않았을 것이다. 고생도 많이 하고 체력적으로 정신적으로 많이 힘들겠지만 그럼에도 불구하고 앞으로가 정말 기대되는 순간이다.2. 항해 플러스 참..