본문 바로가기

Category87

[React] 이미지 업로드 & 미리보기 기능 만들기 (1) 리뷰 작성을 하는 창에서 사진 3개를 첨부할 수 있도록 하고, 사진 미리보기를 띄워주도록 해야했다. 이번 포스팅은 단순 기능 구현과 공부한것들의 기록이고, 다음 포스팅에서 서버와의 연결을 기록하도록 하겠다.✨알아야할것FileReaderWeb API웹 브라우저에서 제공하는 API개발자가 브라우저 상에 쉽게 개발할 수 있도록 도와주는 객체의 모음파일을 읽을 수 있게 해주는 객체File, Blob 객체를 핸들링할 때 사용됨.Blob : 이미지, 사운드, 비디오와 같은 멀티미디어 데이터 다룰때 사용데이터의 크기(Byte) 및 데이터 송수신을 위한 작은 Blob 객체로 나누는 등의 작업에 사용함.위의 객체를 사용해 특정 파일을 읽어들여 JS에서 파일에 접근할 수 있도록 도와줌readAsDataURL파일을 URL로.. 2023. 8. 24.
[React] axios 서버 연결중 request failed with status code 405 HTTP 405오류는 서버가 허용하지 않는 method를 이용하였을 때 발생하는 오류이다.즉, 메서드가 매칭되지 않아서 발생하는 오류라고 보면 된다.요청된 URL에 대해 웹 서버에서 HTTP 메서드를 허용하지 않을 때 발생 나는 서버에서 PATCH로 요청했는데 POST로 보내서 나는 오류였다.이렇게 수정하니 오류 해결 완료 2023. 8. 23.
[Github] 협업과 git clone, 과 fatal: '브랜치이름'could be both a local file and a tracking branch. 깃허브로 협업을 해야해서 다른 팀원의 레파지토리를 들고 와서 그곳에 업로드 해야했다.시작부터 꽤 난관이었어서 다음에 또 에러가 날 경우 해결하기 위해서 기록한다. 1. 깃허브로 협업하기 : git clone1. 파일을 저장할 폴더를 하나 만든다.2. cmd창을 연다.ⓐ cd 파일 경로 입력ⓑ git clone '연결할 ULR'그러면 폴더에 여기 깃허브에서 받아온 폴더가 하나 생성된다.ⓒ npm installⓓ git pull ' URL' (브랜치 이름)(ex. git pull https://github.com/어쩌구/git develop)메인에 올리기 전에 develop 브랜치에 업로드 해야해서 develop을 pull해왔다.  이런식으로 작성하고 npm start해보면 완료. 무사히 팀원들이 올렸던 화.. 2023. 8. 23.

티스토리툴바