리액트 팬레터 홈페이지 만들기: 1단계. props-drilling 만들기 완료.

1. 필수 요구 사항 styled-components 를 이용하여 스타일링 전역 스타일에 reset.css 를 적용해주고 box-sizing이 border-box가 되도록 설정 styled-components에 props를 넘김으로 인한 조건부 스타일링 적용 팬레터 등록 시 id는 uuid 라이브러리를 이용 2. [3단계] 중 [1단계] 구현 props-drilling 브랜치 : useState만으로 상태관리해서 코드 작성 context 브랜치 : props-drilling의 작업 코드로 react context API를 사용 (전역상태를 이용한 코드로 리팩터링) redux 브랜치 : 모두 redux 라이브러리를 이용한 코드로 리팩터링 3. 배운 점 특정 멤버의 댓글 클릭 > 상세페이지 이동 > 수정/홈..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 11. 15.
• textsms

[React 입문] useState | 리액트 불변성 | 랜더링

1. useState const [state, SetState] = useState('initialState'); ▶ state는 ui 바꾸기 위해서 & 랜더링을 다시 하기 위함 ▶ 구조분해할당으로 받아서 사용 = return 배열 [ 초기값 갖고 있는 변수, 상태를 변경하는 메서드 Set ] ▶ 특정 기능을 수행하는 것들 = hook (useState, useEffect, useContext, useMemo 등) 2. 리액트 라이프 사이클 : 컴포넌트 생명주기 ▶ mounting - updating - unmounting ▶ (화면보임) - (화면갱신) - (화면에서 죽음) ▶ 컴포넌트가 화면갱신을 하기 위해 "랜더링"(state가 변경)되야함. 3. 불변성 ▶ 메모리에 있는 값을 변경할 수 없는 것...

• format_list_bulleted React
• · 2023. 11. 6.
• textsms