본문 바로가기

리액트2

리액트 기초 1강 정리 기초체력 1 : 서버와 클라이언트, 서버리스, DOM 웹의 동작 방식: 서버와 클라이언트 웹이 어떻게 우리한테 보이게 될까? 웹은 두가지로 이루어짐. 요청과 응답! 요청은 우리가 웹사이트를 볼 수 있게 해주는 클라이언트. 클라이언트는 노트북, 핸드폰, PC가 될 수 있음. 클라이언트가 서버에게 요청을 보냄. 이 때 서버는 html, JS, CSS같은 정적 자원들 혹은 데이터라고 부르는 친구들을 전달해줌. 이걸 응답한다고 얘기함. 그럼 웹의 동작 방식은? 1. 클라이언트가 서버에게 요청을 보낸다. 2. 서버는 응답을 해준다. 서버리스: 서버가 없다는게 아니라 서버를 내가 만들 필요가 없다는 뜻! DOM: DOM은 트리구조다. 기초체력 2: ES6 - 클래스, let, const, SCope, == ===,.. 2021. 4. 9.
리액트 프로젝트 만드는 순서 + 다른 zip 파일 덮어쓰기 -리액트 프로젝트 생성 순서: 1. yarn create react-app 프젝이름 2. cd 프젝이름 해서 위치 맞춰주고 3. yarn start -다른 zip 파일 덮어 쓰기 프로젝트 새로 생성하기 zip 파일 내, src 폴더와 새로 생성한 프로젝트의 src 폴더 교체 package.json 교체 프로젝트 루트 경로에서 yarn install로 필요한 패키지 설치하기 이때 파이어베이스에서 키값 안받아오면 아무것도 안뜨니까 키값 받고 파이어베이스 api 복사하는 곳에 복붙해서 실행하면 잘 뜸! > 2021. 4. 9.