일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- previousState
- Github Actions
- Redux
- 미리보기
- rendering
- 스파르타코딩클럽
- CI/CD
- 동기
- routing
- S3
- 라우팅
- 7기
- qwe
- FileReader
- 배포
- Preview
- react
- 채팅방
- 브라우저 렌더링
- 비동기
- setstate
- 후기
- socket.io
- useEffect
- 항해99
- route
- 접근 제한 라우팅
- imagePreview
- updater
- 개발
- Today
- Total
목록전체 글 (105)
삐옹
상황 props로 넘겨준 요일들이 자식으로 하나씩 잘 넘어가 화면에 오늘부터 일주일 간의 요일이 뜨면 완성인데 왠걸 요일도 없는 평점, 버튼 UI 끝 자리를 차지하고 있다. props로 넘겨줄 데이터가 부모 컴포넌트에서 제대로 찍히는가?[o] props로 받은 데이터가 자식 컴포넌트에서 제대로 받았는가?[x] -> 갑분언? 갑자기 분위기 undefined란 뜻임. 해결 대체 저 undefined가 뭘까 고민을 해보았다. 개발자도구에 들어가 element를 살펴보니 감싸준 div의 밖에 있다고 나온다. 그렇다면 div 태그 아래에서 문제가 났음에 틀림없었다. div 태그 아래에 있는건 Route 2개 뿐이다. // 실패 return( 내 일주일은? {DayList.map((day, idx) => )} ) ..
상황 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..