[TDL] 08/10 Today's-Done-List

- leetcode 연결 리스트 알고리즘

https://www.youtube.com/watch?v=ggv5cnMspVQ

---

- 드림 코딩 REACT 프로젝트

---

- 원티드 기업 채용 설명회 & 커리어 특강

• 기업의 주요 업무, 자격요건과 우대사항 조건에 내가 절반 이상 해당이 된다고 생각하면 일단 지원해보자!
• 채용공고에 많이 검출되는 키워드들을 이력서에 흡수시키자.

 

1. 한눈에 나를 보여주는 영역
   • 3-5줄 정도의 경력 중심 자기소개
   • 어떤 실무적인 경험을 하였는지 -> 앞으로 어떤 업무를 맡을 수 있는지
   • 어떤 성과를 냈는지 -> 경쟁자보다 뛰어난 사람임을 강조
   • 구체적(정량적인 지표 사용)으로 작성 -> 객관성, 신뢰성, 빠른 이해
2. 가장 어필하고 싶은 핵심 경험에 선택과 집중
   • 업무보다는 성과
     • 내가 어떻게 기여했고, 어떤 좋은 결과를 얻었는지
       ex) 약 2년간 초기 개발부터 담당하여 앱스토어 100만 다운로드 달성
       콘텐츠 로딩 속도 50% 향상 및 사용자 경험 개선으로 재방문율 120% 상승
   •  만들어진 명사를 포함한 문장 사용 지양
     - 내 경험과 결과를 문장(제목)으로 제작
     ex) ㅇㅇ캠프 1기 ㅇㅇㅇ코스 금지
   • 직관적인 프로젝트 명칭(구현할 스펙을 예상해볼 수 있음)
     ex) 서울시 공유 오피스 정보 제공 및 입주사 관리를 위한 프로젝트 진행
   • 팀 구성, 기술 스택 : 본인의 역할 (협업과 비중을 예상할 수 있음)
   • 프로젝트 후기 : 요즘 트렌드 (글 쓰는 개발자 -> 문서를 통한 정보전달 능력)
   • 구현 사항 : 습득한 기술역량 예상 가능

---

오후 회고 (만족도: 7.5)

오랜만에 리액트를 써서인지, 아니면 이제까지 내가 제대로 공부를 안 했는지 어려운 것을 구현하는 게 아닌데도 예상보다 꽤 버벅거리고 헤매는 상태이다ㅠ
그래도 api 연결해서 프로젝트를 구현하는 것은 기본 중의 기본이기 때문에 이번 프로젝트를 통해 충분히 복습하고, 익숙해져서 그 이후의 프로젝트에는 최적화, 리팩터링 같은 세부적인 부분들도 신경 쓸 수 있도록 노력하자.

---

- 드림 코딩 REACT 프로젝트

useState를 사용하였더니 인터페이스가 이벤트에 바로 반응하지 않고, 두 번째부터 반응했음.
그에 반해, useRef는 한 번에 제대로 잘 나오는 것을 볼 수 있다.
하지만 선언적으로 해결될 수 있는 문제에서는 ref 사용을 지양하라는 공식문서에 따라서.. 나는 useState를 사용해야 해~

답은 역시 공식문서에 나와있었다. form docs를 보던 중, 내가 change핸들러를 사용하고 있지 않다는 것을 발견.
아차차차ㅏ! 오랜만에 구현하는 거라 이런 것조차 잊었다. 이벤트에 반응하려면 state를 업데이트해주어야 하니깐 change 핸들러를 사용해야지!!

 

• search버튼이 트리거가 돼서, 컴포넌트가 재 렌더링 된다.
• 구성 요소의 메모리로서 상태는 함수가 반환된 후 사라지는 일반 변수와 다르다.
  State는 함수 외부에 있는 것처럼 React 자체에 실제로 "살아 있다"

1. react는 함수를 다시 호출한다
   • React가 구성 요소를 호출하면 해당 특정 렌더링의 상태에 대한 스냅숏을 제공한다.
2. 함수가 새 jsx 스냅숏을 반환한다.
   • 구성 요소는 해당 렌더링의 상태 값을 사용하여 모두 계산된 JSX의 새로운 props 및 이벤트 핸들러 세트와 함께 UI의 스냅숏을 반환한다.
3. react는 반환된 스냅숏과 일치하도록 화면을 업데이트한다.

---

저녁 회고 (만족도: 7)

---

[ 출처 및 참고 : 드림 코딩 앨리 react 강의
https://beta.reactjs.org/learn/state-as-a-snapshot

https://reactjs.org/docs/forms.html#controlled-components ]