코딩
트위터 클론 코딩 #3 Nweeting
트위터 클론 코딩 #3 Nweeting
2021.10.01노마드 코더의 트위터 클론 코딩 강의를 듣고 정리한 강의노트입니다. 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 Authentication
트위터 클론 코딩 #2 Authentication
2021.10.01노마드 코더의 트위터 클론 코딩 강의를 듣고 정리한 강의노트입니다. 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..
Creative Coding 개발환경 설정 및 기본 프로젝트
Creative Coding 개발환경 설정 및 기본 프로젝트
2020.11.22개발 환경 설정 코드 에디터 Visual Studio Code Visual Studio Code 확장 프로그램 ESlint, jslint - JavaScript용 코드 lint 확장 프로그램 Beautify - 코드 포메터 확장 프로그램 Live Server - HTML 파일을 서빙하는 가상의 서버를 띄우는 확장 프로그램 추가 팁 파일이 크지 않기 때문에 로컬영역이 아닌 클라우드에 저장해서 사용하는 것도 좋다. 구글 드라이브 + 드라이브 파일 스트림으로 로컬 드라이브처럼 사용 가능) 기본 프로젝트 index.html style.css * { outline: 0; margin: 0; padding: 0; } html { width: 100%; height: 100%; } body { width: 100%;..
하루 아침에 코드가 꼴도 보기 싫어졌다 : 개발자 번아웃
하루 아침에 코드가 꼴도 보기 싫어졌다 : 개발자 번아웃
2020.02.01👋 들어가며 평소처럼 유튜브를 보다가 흥미로운 영상을 발견했다. 바로 개발자 번아웃 대처방법의 모든 것 - 노마드코더 Nomad Coder! 이 영상을 보고 생각해보니 나에게도 개발자 번아웃이 찾아왔던 암흑의 시기가 있었다. 그리고 의도한 건 아니였지만 나름의 방식으로 번아웃을 극복했었다. 이번 글에서는 위 영상을 나의 경험이 섞어서 글로 정리해보고자 한다. 🔥 개발자 번아웃? 많은 개발자들이 직면하는 문제 중 하나로 주니어, 시니어를 가리지 않고 나타난다. 일반적인 번아웃 증후군의 의미가 그러하듯 코딩을 하면서 정신적으로 매우 극한에 상황에 놓여서, 개발과 관련된 아무것도 하기 싫은 상황을 의미한다. 언제나 즐거웠던 코딩이 더 이상 즐겁지 않고, 개발에 대한 열정도 사라지고, 코딩 자체가 무척 하기 싫..