🙄 왜 사용하나요? props drilling을 방지하기 위함이다. Props drilling이란? 부모로 해당 props를 사용할 자식 컴포넌트로 전달하면서, 그 중간에서 props를 사용하지 않음에도 불구하고 props를 전달하는 것을 말한다. 그림으로 그리면 위와 같다. 중간 컴포넌트는 props를 사용하지 않으면서도 props를 전달하기 위해서 props가 거쳐가야 한다는 문제점이 있다. props가 무엇이냐면 : https://actually-i-am.tistory.com/47 리액트의 기초 - props 이전 포스트 : https://actually-i-am.tistory.com/46 리액트의 기초 - 컴포넌트와 JSX 리액트를 간단하게 설명하자면 컴포넌트들이라고 할 수 있다. 컴포넌트는 무엇..
우선 나는 2020년에 전직 웹퍼블리셔 회고록을 쓰며 프론트엔드 개발자가 되기로 결심했다. 하지만 그 선언이 무색하게도 현재 직장에서 프론트엔드 개발자로서 기여하지 못하고 있다. 😥 왜 그렇게 생각하냐면 워드프레스의 html, css (가끔 javascript)를 사용해 사이트에 스타일을 적용하는 업무가 대부분이기 때문이다. 빠른 시간에 MVP를 가장 효율적으로 만들기 위해서 워드프레스를 사용한다는 설명에는 동의를 한다. 그러나 성장하고 싶은 주니어에게, 워드프레스는 좋은 환경은 아닌 것 같다. 나름대로 주어진 환경 안에서 가능한만큼 일을 했지만 지난 약 1년동안 내가 프론트엔드 개발자가 맞는지 직업 정체성에 대한 혼란을 겪었다. 워드프레스를 그대로 사용하면서도 사이트의 UX를 개선할 수 있도록 워드프레..
useReducer란? useReducer는 상태관리를 도와주는 리액트 훅이다. useState와 다른 점 기능이 더 많고 복잡한 상태일 때 유용하다. state의 조각들이 여러개 함께 사용될 때 적합하다. 위와 같은 장점이 있지만 기능이 강력하다고 항상 좋지는 않다. 왜냐하면 useState에 비해 코드가 무거워지기 때문이다. 사용법 const [state, dispatchFn] = useReducer(reducerFn, initialState, initFn) state : 현재 상태의 스냅샷 dispatchFn : 상태를 업데이트 해주는 함수 상태값을 설정하는 대신, 하나의 액션을 dispatch하게 된다. ** (dispatch - 보내다) 그리고 보내진 것은 reducerFn에서 사용된다 redu..
- Total
- Today
- Yesterday
- autoplay
- 정규표현식
- 앨리스배열
- 타입스크립트
- 보안
- 삽질방시
- 키보드
- 웹퍼블리셔
- AWS
- 프로젝트
- TIL
- 네트워크
- 하우징 도색
- DevOps
- 리액트
- 회고록
- 키크론 v10
- 팁
- 강의후기
- 리덕스
- 삽질방지
- 개발일지
- 취미
- 마크다운
- storybook
- 토이프로젝트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |