Redux-persist 포스팅 썸네일 이미지

Developer/React

Redux-persist

지난 포스트에서 Redux 예제를 사용하며 localStorage에 state를 저장해 사용하는 방법을 다뤘다. Redux persist 라이브러리를 통해 Web Storage에 state를 저장할 수 있다는 것을 알게 되어 직접 적용해보고 간단하게 정리한 내용을 작성하려고 한다. Redux-persist https://github.com/rt2zz/redux-persist#quickstart GitHub - rt2zz/redux-persist: persist and rehydrate a redux store persist and rehydrate a redux store. Contribute to rt2zz/redux-persist development by creating an account on G..

2022.12.02 게시됨

[React] 이미지 업로드 미리보기(FileReader / createObjectURL) 포스팅 썸네일 이미지

Developer/React

[React] 이미지 업로드 미리보기(FileReader / createObjectURL)

STU-TI 최종 프로젝트 회고 최종 프로젝트를 한마디로 요약해보자면, '최고의 팀원들과 성공적인 마무리!'라고 할 수 있다. 부족한 점도 많았던 내가 성공적으로 프로젝트를 마무리한 것은 좋은 팀원들과 함께해서였다. 물 mieumje.tistory.com 지난 최종 프로젝트에서 이미지 업로드를 다뤄야 했었다. 사용자로부터 이미지를 받고, 이미지 검증 후 미리보기를 보여주고 Form 입력이 완료되면 최종적으로 이미지가 포함된 Form Data를 백엔드 서버로 전송해야 했다. 내가 맡은 스터디 생성/수정 페이지에서는 FileReader를 사용했고, 다른 분이 작업한 커뮤니티 포스트에서는 createObjectURL 방식을 사용했다. 업로드한 이미지를 미리 보여주기 위해 사용한 방법에 차이가 있어 정리를 하게..

2022.09.05 게시됨