react5 [React] Firebase 연동 + CRUD (2) CRUD를 작성해보자. (여기에서는 Firebase v9 를 기준으로 합니다!) 1. Create 데이터를 저장하는 방법은 addDoc과 setDoc을 이용하는 2가지 방법이 있다. addDoc 과 setDoc의 차이 문서가 유의미한 ID인지 아닌지이다. addDoc을 사용하면 Cloud Firestore에서 자동으로 ID를 생성해준다. // 추가하고자 하는 데이터 const data = { ... }; // addDoc 예시 // feedbacks 컬렉션에 {randomID} document를 추가 const docRef = collection(fireStore, 'feedbacks'); await addDoc(docRef, data).then(() => { alert('등록되었습니다.'); handl.. 2023. 6. 16. [React] Firebase 연동 + CRUD (1) 작년에 진행했던 사이드 프로젝트의 API가 동작하지 않아 일부 기능을 Firebase로 변경하는 작업을 진행했다. React에서 Firebase 연동하는 방법에 대해 기록하고자 한다. 1. Firebase 프로젝트 생성 - 생성하러 가기 👉 https://console.firebase.google.com/ 2. 웹 앱에 Firebase 추가 - 생성한 firebase 프로젝트에서 웹 앱을 추가 3. Firebase SDK 추가 - 앱 등록 후 생성된 SDK 정보를 다른 곳에 저장 - 여기 👉 프로젝트 설정 > 일반 > 내 앱 > SDK 설정 및 구성 에서 확인 가능 4. React 프로젝트에서 Firebase 설치 $ npm install firebase // npm 사용시 $ yarn add fireb.. 2023. 6. 13. [React] neo-async callback was already called 배경 - 잘 돌아가던 것이 안된다. - 실행은 되지만 파일을 수정하는 동시에 neo-async callback was already called 에러 발생 내용 - 찾아보니 craco.config.js 에서 빌드 속도 측정을 위해 추가한 SpeedMeasurePlugin 에서 문제가 발생하고 있었다. - 처음에는 해당 플러그인을 삭제할까 생각했지만 다른 작업 브랜치에서는 해당 플러그인이 삭제되어 있는 상태여서 내 작업 브랜치에서만 수정하기로 했다. 해결방법 - smp.wrap 위치를 변경하면 된다. - 귿 👍🏻 // craco.config.js const SpeedMeasurePlugin = require('speed-measure-webpack-plugin'); const smp = new SpeedM.. 2022. 7. 4. [React] map을 Ramda forEach로 변경하기 # 배경 - map 을 Ramda 로 바꾸고 싶었음 (단순) # 작업내용 // before fieldArr.map((name: string) => { return resetValue(value, name, fieldValue); }); // after R.forEach((name: string) => resetValue(value, name, fieldValue))(fieldArr); 2022. 5. 9. 22.02 스터디 시작 (22.05.17 업데이트) 2월, 2개의 스터디를 시작했다. + 1개의 인프런 강의 수강 Flutter 초급 스터디 (02.08 ~ 03.22) 앱 개발에 관심이 있어 시작하게 되었다. 올해 1개 이상의 앱을 론칭하는 것이 목표이다. -> 프릿 런칭 Python 아키텍처 패턴 스터디(02.12 ~ 파토) 회사에서 업무가 백엔드 -> 프론트엔드로 변경되며 파이썬과 멀어지고 내가 입사하며 기대했던 업무와는 많이 벗어났기 때문에(물론 지금도 재미있지만) 스스로 경험하기 위해 시작하게 되었다. 'Architecture Patterns with Python' 이라는 책을 이해하는 것이 이 스터디의 목적이다. 스터디가 끝날 무렵에는 공부하며 인상깊었던 점, 배웠던 점 등을 유연하게 얘기할 수 있었으면 좋겠다. [인프런] 한입 크기로 잘라먹는.. 2022. 2. 14. 이전 1 다음