React2 [Project] Image Upload 이미지 업로드하기 1. 이미지는 3개까지 업로드 할 수 있다. 2. 이미지를 업로드 하면 미리보기로 어떤 이미지를 올렸는지 알 수 있다. 3. 게시물 등록 버튼을 클릭하면 이미지가 구글 스토리지에 저장되고 url을 받아온다. 4. 게시물 상세 페이지에서 내가 올린 이미지를 확인할 수 있다. 차근차근... 1. 이미지 업로드 하기 게시물 등록하기 화면에서 +Upload 박스를 클릭하면 이렇게 이미지 파일을 등록할 수 있는 창이 뜬다. 코드..코드를 보자! 🤔 하지만 그 전에 우선 설치해줘야 하는 녀석이 있다. npm install apollo-upload-client 아폴로 업로드 클라이언트를 설치해줬다면 이제 _app.js로 가자 import {createUploadLink } from 'apollo-u.. 2021. 9. 29. [React Hooks] useState React Hook이란 무엇일까? React 홈페이지에 가면 자세한 설명이 나와있다. (https://ko.reactjs.org/docs/hooks-overview.html) 공식문서가 짱이다. 가끔 번역된 문장이 어색하지만 몇 번 읽으면 어느정도 이해할 수 있다. 근데 Hook이 뭔가요? Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는 것입니다. (하지만 이미 짜놓은 컴포넌트를 모조리 재작성하는 것은 권장하지 않습니다. 대신 새로 작성하는 컴포넌트부터는 Hook을 이용하시면 됩니다.).. 2021. 9. 27. 이전 1 다음
