일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- setstate
- Redux
- 개발
- Github Actions
- imagePreview
- FileReader
- 채팅방
- route
- 미리보기
- previousState
- S3
- routing
- 배포
- 접근 제한 라우팅
- CI/CD
- qwe
- Preview
- 항해99
- useEffect
- 7기
- 동기
- 비동기
- rendering
- 스파르타코딩클럽
- 라우팅
- react
- socket.io
- updater
- 브라우저 렌더링
- 후기
- Today
- Total
목록전체 글 (105)
삐옹
만만히 봤다. 백엔드의 기능요청 제안은 매우매우 조심히 신중하게 받아야 한다는걸 알게되었다. 다른 팀들에 비해서도 많았던 api기능들을 그래도 열심히 하면 되겠지 라고 생각했는데 개뿔. 게시물 올리는 페이지에서 여러 이미지 파일의 url가지고 오는걸로만 4시간은 썼다. 왜 아까 잘 되던 코드가 불통이 되어 버린 것일까. 분하다. 내일 계속. 오늘 배운 것 react에서 Img파일 업로드하기 1. type="file"의 input을 만든다. 2. 여러 이미지를 추가하려면 multiple 필수. 업로드 가능한 이미지 파일 지정은 accept 속성에서 한다. 3. fomr 안에 있는 input들의 값은 formData로 관리할 수 있다.(텍스트, 파일 등) *단 가져온 formData의 값은 빈 객체로 뜬다...
Axios : Promise Api를 활용해 브라우저의 비동기 통신을 돕는 라이브러리. 사전 필수지식 XMLHTTPRequest : XMLHTTPRequest 객체 Fetch API Promise *동기, 비동기가 없다고? 구글에 동기비동기라고 검색만해도 수두룩하게 나오니 이 글에선 다루진 않을 것이다.
1. 회고 1) 리액트 심화 주차 개인 과제 결론부터 말하자면 미완성으로 제출을 했다. 로그인과 회원가입, 게시물 작성 페이지들의 기능 구현까지는 성공해냈다. 제출 시간을 훌쩍 넘긴 새벽까지 게시물 정보들을 DB에서 가져와 화면에 뿌려주는 부분에서 막혔다. 시간이 좀더 있었다면 완성 할 수 있었을거라고 스스로 위안하며, 새벽까지 골머리 앓다가 결국 세상의 모든 번뇌를 내려두고 제출을 했다. 아쉬움이 많았던 과제였지만 DB서버와 프론트가 어떻게 통신하는지 큰 그림을 이해하는데 도움이 되었던 시간이었다. 2) 첫 협업 이틀 전부터 첫 협업을 시작했다. 백엔드 3명, 프론트 2명이 하나의 프로젝트에 착수하여 1주일 동안 팀으로 작업한다. 필요한 API를 설계하고, 와이어 프레이밍을 하고, 뷰를 만들고 분업을 ..