일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- route
- 라우팅
- qwe
- 미리보기
- Preview
- Redux
- setstate
- Github Actions
- 스파르타코딩클럽
- S3
- 배포
- 7기
- FileReader
- useEffect
- imagePreview
- 항해99
- 접근 제한 라우팅
- 채팅방
- previousState
- react
- updater
- 동기
- 후기
- 브라우저 렌더링
- routing
- CI/CD
- socket.io
- 개발
- 비동기
- Today
- Total
목록전체 글 (105)
삐옹
Show me your place 초기목표는 무엇이었는가? 게시글을 올리고 좋아요, 댓글, 스크랩 기능을 쓸 수 있는 기본적인 sns 서비스 구현. 실제 어떤 일이 일어났는가? 구현 성공 게시글 작성, 댓글 작성 기능 구현 *댓글은 새로고침해야 업데이트가 이루어진다?! 구현 실패 게시글과 댓글의 수정, 삭제 기능은 아예 손도 못 댔다.. 마이페이지(내가 쓴 글과 스크랩한 게시물 확인 가능) 초기목표와 실제 결과의 차이는 왜 발생되었는가? 기본 기능을 구현하는데 시간을 많이 할애했다. 백엔드에서 이미지를 업로드하는 부분이 막혔다고 나도 마음이 붕 뜬것이 한 몫 했다. 모든 api의 시작점이 되는 게시물을 작성, 조회하는 기능을 빠르게 만들었으면 좋았겠지만, 그 시간에 mockAPI로 알맞은 요청값들을 미리..
const DetailComment = ({ boardId }) => { const [newComment, setNewComment] = useState(""); const [commentArray, setCommentArray] = useState([]); const updateComment = (e) => { setNewComment(e.target.value); }; const handleSubmit = (e) => { e.preventDefault(); const currentKey = localStorage.getItem("jwt-token"); if (newComment === "") { alert("내용을 입력해주세요"); } else { axios .post( `http://3.39.223..
오늘은 axios를 통해 서버에서 가짜 데이터를 불러와 메인페이지와 상세페이지에 뿌려주는걸 성공했다. 메인페이지를 성공하니 도미노처럼 상세페이지도 생각보다 쉽게 성공했다. 이 시간까지 안 잔 보람이 있는 하루. 서버 구현에 대한 부담이 줄다보니 과제를 하면서 아쉬운 부분들이 점점 더 눈에 들어오기 시작했다. 라우팅, 컴포넌트 재사용, 폴더 구조에 대한 부분들을 잘 배워서 꼭 리팩토링해보고 싶다. 오늘 배운 것 login 상태에 따라 다른 화면 보여주기 해결법 Nested routing + Outlet 동적라우팅 해결법 Url parameter + useparams [url접근 억제] https://velog.io/@hyewonkkang/react-router-dom-%EA%B6%8C%ED%95%9C-%E..