[0608] 함배리(함께 배우는 리액트)

장 창영·2021년 6월 30일
post-thumbnail

본 내용은 sw스터디에서의 내용을 토대로 작성했습니다.

1. vercel?

vercel이 누구냐?

deploy instantly(즉시 배포) + scale automatically(자동 확장) + no supervision(감독 불필요)
-> 대충 자동으로 서버(AWS)에 쉽게 배포해주는 착한 놈

2. nodejs?

An 'asynchronous(비동기)' event-driven JavaScript runtime
-> Many connections can be handled concurrently(동시에)
-> Scalable(확장성 있는) network applications 만듦!

대충 js언어(브라우저 언어) 짱짱 -> '이곳저곳에 써보자'로 시작!

2-1. 동기 vs 비동기 / 블로킹 vs 논블로킹 (추가 정리)

3. 앞으로 사용할 코드들

npx create-next-app (앱이름)

시작하기

ls -a 
rm -rf .git

안 보이는 거(.git) 리스트 형식으로 확인
충돌할 수 있으니, git 삭제

git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/JangChangyoung/jangcy.git
git push -u origin (main)

(처음)
처음 git에 올리기

git add .
git commit -m “second”
git push -u origin (main)

(2~)

npm run dev

(node package manager) run (scripts)
실행

npx eslint —init 

오류가 아니더라도, 코드를 잘 적는 습관 기르기
style -> esm -> react -> tsno -> browser -> guide -> airbnb -> js -> ok

0개의 댓글