[NextJS] 노마드 코더 <NextJS 시작하기> 정리
·
🍞 Front-End/Next.js
1. 라이브러리와 프레임워크 차이점 - 라이브러리 우리가 갖다쓰는 것 (Ex React: 렌더링할때 ReactDOM.render() 불러오기) 사용자가 파일 이름이나 구조 등을 정하고 모든 결정을 내림 - 프레임워크 정해진 틀 안에서 커스터마이징 (Ex NextJS: 정해진 규칙에 따라 코드를 작성하면 렌더링) 는 파일 이름이나 구조 등을 정해진 규칙에 따라 만들고 따름 2. 404 에러 페이지를 직접 만들지 않아도, 구현 가능 3. CSR와 SSR 차이 앱에 있는 페이지들이 미리 렌더링됨. 정적으로 생성된다. CRA는 CSR 클라이언트 사이드 렌더링 브라우저가 자바스크립트를 가져와 유저가 보는 UI를 만드는 모든 것을 한다. 유저가 흰화면을 보고 있을 땐, 브라우저가 자바스크립트를 요청하고 있다. 브라..
[React/Firebase] 노마드 트위터 클론코딩
·
카테고리 없음
Firebase를 사용해서 무엇을 할 수 있을까? Firebase는 처음엔 데이터베이스였지만 지금은 백엔드 기능을 포괄한다. app이 필요로 하는 많은 것들을 해줄 수 있다. 즉, 데이터베이스 관련 코드 없이 데이터베이스를 사용할 수 있게 해 준다. 그러나 데이터베이스나 사용자나 서버 전부 구글로부터 빌려서 쓰기 때문에 아이디어를 테스트할 때만 사용하는 것이 좋다고 한다. Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com Firebase 초기 설정 ✅ Firebase 설치 사이트에 들어가서 앱을 등록하고 프로젝트에 firebase를 설치한다. 그리고 Firebase SDK를 추가해준다..