일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Preview
- useEffect
- 후기
- 접근 제한 라우팅
- 7기
- socket.io
- previousState
- 채팅방
- CI/CD
- 배포
- 미리보기
- 항해99
- Github Actions
- 라우팅
- 브라우저 렌더링
- updater
- FileReader
- setstate
- route
- S3
- 비동기
- react
- rendering
- routing
- 개발
- qwe
- Redux
- 동기
- imagePreview
- 스파르타코딩클럽
- Today
- Total
목록전체 글 (105)
삐옹
리액트 공문 내용 정리 State: A Component's Memory 파트 useState return two items which are state and setter function => one is state variable, the other is setter function which can update the state variable and trigger react to render the component again. And trigger again and again with same phase. “Hook” is special function that is only available while react is rendering starting with “use” State is pri..
지금 뭐함 광진도서관에 와봤다. 살면서 와본 도서관 중 경치, 시설, 분위기가 압도적으로 좋다. 오늘 뭐함 - 리액공홈 2. adding interactivity 까지 끝내기 - 토이프젝 기획안 수정하기 => 저번주에 디자이너로 일하는 누나에게 기획안을 보여줬는데 얘기하다보니 내가 만드려는 토이프젝이 웹어플리케이션에서는 어울리지 않는다는 사실을 알았다
한동안 시간이 없단 핑계로 못 썼는데 다시 시작. 3개월 간 뷰만 쓰다가 다시 리액트로 돌아왔다. 공식문서를 좌악좌악 읽어가보자. 오늘 뭘 배웠냐면, state 끌어올리기 같은 값이 필요한 컴포넌트 간에 가장 가까운 부모 컴포넌트를 찾아 state를 끌어올리자. state값이나 관련 메서드들을 한 곳에서 관리하니 디버깅을 하거나 어떤 추가 로직을 구현하기도 편할 것 같다. react 에서의 합성과 상속 UI를 재사용해야할 때는 합성을 사용하는것이 유리하고, 기능을 재사용해야 할때는 JS모듈로 분리하는게 좋다. 컴포넌트에서 해당 함수, 객체, 클래스 등을 import 하여 상속대신 사용할 수 있다. React로 사고하기(5단계) 계층 구조 파악 정적으로 만들기(상호작용없는 상태) state 로 만들어야 할..