클론코딩

노마드 코더의 트위터 클론 코딩 강의를 듣고 정리한 강의노트입니다. 3 NWEETING 3.0 Form and Database Setup / 양식과 데이터베이스 설정 Firebase > Firestore Database 3.1 Nweeting! / 느위팅! Firebase의 Cloude Database(Firestore Database)는 NoSQL database이기 때문에 유연하고 사용하기 쉽다. NoSQL database에는 다음과 같은 분류로 나뉜다. Collection : 폴더와 같은 역할, 한 데이터베이스에는 여러개의 Collection이 존재할 수 있다. Document : 폴더 안에 있는 문서와 같은 역할, 한 Collection에는 여러 개의 Document가 존재할 수 있다. 결론적으로..

노마드 코더의 트위터 클론 코딩 강의를 듣고 정리한 강의노트입니다. 2.0 Using Firebase Auth / Firebase 인증 사용하기 특정 폴더 기준으로 상대 경로로 import 하는 방법 { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } CRA Absolute Imports Firebase 설정 수정 인증 관련 값을 가져오기 위해 Firebase 설정 수정 ⚠️ 강의 영상 이후로 firebase가 v9.0으로 업데이트하면서 기존 코드와 호환이 안되는 경우가 있어서 v9.0를 사용하는 경우 아래 코드로 진행 // Import the functions you need from the SDKs you need import { init..

👋 들어가며 웹 개발 관련 다양한 강의들이 있지만 가장 매력적인 강의는 누가 뭐래도 클론 코딩 강의가 아닐까싶다. 내가 즐겨 쓰는 서비스를 내 손으로 만들어 볼 수 있다는 점은 강의에 대한 흥미를 돋우기 충분하다. 하지만 그 흥미에 비해 결과물인 클론 코딩을 제대로 활용하는 사람은 많지 않은 것 같다. 나름 클론 코딩 강의도 많이 듣고, 시행착오도 많이 겪으면서 결국에는 많은 도움이 되었던 경험을 바탕으로 글을 써보고자 한다. 🤷‍♂️ 클론 코딩이란? 말 그대로 클론하는 코딩으로, 주로 웹 개발에서 쓰이는 용어이며 인스타그램, 카카오톡, 에어비앤비, 유튜브, 넷플릭스 등 우리가 자주 사용하는 서비스나 웹사이트를 밑바닥부터 만들어가는 강의를 의미한다. 이후 이야기하는 클론 코딩은 클론 코딩 강의를 의미한다..