일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- rendering
- 동기
- Github Actions
- imagePreview
- 후기
- 스파르타코딩클럽
- updater
- Redux
- react
- qwe
- FileReader
- 7기
- 개발
- 미리보기
- S3
- socket.io
- 라우팅
- 접근 제한 라우팅
- 비동기
- useEffect
- setstate
- 배포
- 브라우저 렌더링
- Preview
- routing
- previousState
- 채팅방
- 항해99
- CI/CD
- route
- Today
- Total
목록2022/05/24 (2)
삐옹
상황 1~5까지의 랜덤한 숫자를 출력한 뒤, false 5개로 이루어진 배열의 첫 인덱스 부터 랜덤한 숫자의 인덱스까지, 순차적으로 true로 바꾸는 로직을 useEffect에 넣으니 렌더링 후 state가 true인 요소에 조건부 스타일링이 잘 들어갔다. 그런데 찝찝한 경고문구가 하나뜬다. WARNING! useEffect에 dependency를 빠뜨렸습니다.😛 음.. 일단 전체 코드로 시작. 전체 코드 const Home = ({day}) => { const [filled, setFilled] = React.useState([false, false, false, false, false]); let history = useHistory(); const randomNum = Math.floor(Math...
어떤 식으로 공부하는게 내게 맞는지 맞춰보면서 어느덧 정신없던 2주가 지났다. 매일 빼먹지 말아야 할 공부, 정리하는 법, 시간관리하는 법, 사람들과 소통하는 법을 조금은 알게된 것 같다. 배운 내용 React ref 리액트 공홈을 보다보니 선언적 해결이 가능하면 ref의 사용을 지양하라는 내용이 이해가 가지안ㅇㅎ아 기술매니저님께 여쭤봤다. 결론은 ref나 state나 상황에 따라 쓰면된다고 하셨다. 아아까 답변 적어놓은거 어디갔지; 찾아서 ref 정리글에 추가해야겠다. clean up 컴포넌트가 사라지면 가지고 있던 이벤트를 반드시 지워줘야한다. clean up 순서(클래스형): componentWillUnmount(렌더링 된 후에) 라이프 싸이클 함수 안에 넣어 이벤트를 삭제해준다. clean up..