[2022 동계 모각코] 4회차 회고록

4회차(2023.01.26 19:00 ~ 22:00)

오늘의 목표
1. Github 꾸미기
2. 프로그래머스 React 강의 듣기

 

1. Github 꾸미기

https://github.com/narlo23/narlo23

GitHub - narlo23/narlo23

 

README를 작성해보았다.

기술스택이 프론트엔드에만 많이 집중되있다고 느꼈다.

Spring을 꾸준히 공부해서 빨리 추가할 수 있으면 좋겠다.

 

백준 티어가 생각보다 낮다. 코딩테스트 문제를 더 열심히 풀어야겠다. 

그동안 진행했던 프로젝트도 README를 잘 작성해서 정리해놓으면 좋겠다고 생각했다. 

---

2. 프로그래머스 React 강의 듣기

Breadcrumb 컴포넌트

- 현재 어디에 위치해있는지 알려주는 컴포넌트이다.- 헨젤과 그레텔- 어떤 메뉴에 있는지 확인할 수 있게 해 준다.

 

Tab 컴포넌트

페이지 이동 없이 컨텐츠를 switch할 때 사용

 

사용자 정의 Hook 연습하기

useHover

마우스를 올릴 경우 true, 벗어날 경우 false 상태를 반환하는 hook

 

useScroll

스크롤 위치를 추적하는

 

useRafState

cancelAnimationFrame, requestAnimationFrame

requestAnimationFrame

- 백그라운드 동작 및 비활성화시 중지(성능 최적화)

- 다수의 애니메이션에도 각각 타이머 값을 생성 및 참조하지 않고 동일한 타이머 참조

cancelAnimationFrame

- requestAnimationFrame의 requestId를 통해 동작하지 않도록 취소하는 방법

 

useKey

useKeyPress

 

https://github.com/narlo23/SW_Academy_React/tree/storybook

GitHub - narlo23/SW_Academy_React: CNU SW Academy React 학습을 위한 레포입니다.