TIL0708

조건문은
if(조건1) {
}

const name === “aaa”

if( name === “aaa”) {
console.log(true)
}

github에서 업데이트 받아오는 방법 pull을 이용한다

ls -al

git branch
git pull origin master

git stash -
git pull origin master
git stash pop

수정사항변경

터미널이란 무엇일까?

yarn dev -p3001 이면 로컬호스트를 바꿔줌
포트

데이터를 백엔드에 보내는 방법

파일 FTP 라는 길
간단한 메일 SMTP 라는 길
텍스트.하이퍼텍스트 HTTP 라는 길

HTTP(길)
요청을 받고 응답을 한다.

API
게시물저장/프로필저장/프로필조회

rest vs graphql

rest-API
주소처럼 생김
graphql-API
일반함수처럼 생김

rest-api 의 통신프로그램은 axios
graphql-api의 틍신프로그램 apollo client

기존에 많은 회사들이 rest api를 사용하기에 rest api도 할줄알아야한다
다반 현제 추세가 graphql 일 뿐이다.

두개의 차이는 무엇일까? 차이는 응답이다.
rest 게시물에서 필요한 내용이 있어도 (ex제목 내용) 글 전체를 보내준다 graphql은 가능하다
rsst api 당신이 알아서 필요한거 쓰세요 (필요없는 데이터가 많다)

어떻게 보낼까? JSON(자바스크립트 객체표기법) 으로 보낸다 이말은 자바스크립트 객체를 문자열 따음표로 바꿔 보내는 것.
CRUD

axios-> post | put | delete | get 
apollo-client | mutation.guery

Mutation???

vscode 에서 axios와 apollo 사용ㅂㅏㅇ법
rest api
연습해보는 홈페이지 ,포스트맨/스웨거

graphql
플레이그라운드
rest api
—swagger—
http://example.codebootcamp.co.kr/api-docs/
api는 하나인데 여러번 사용할 수 있게 해놓은 것
컨테이너개념이랑비슷한데?

객체들의 모임은 [ ] 배열로 전달
데이터들은 {} 객체로 전달

이미지 불러오는법
img url
background url

렌딩페이지란???

fetch 가지고오는것

—graphQl—
플레이그라운드

빨간색 = 요청 주황색 = 응답

MUTATIONS 변경

QUERIES 획득

vsc을 활용해
react next에서는 사진 폰트르 public이라는 곳에다 넣어야함

vsc에서 img태그로 이미지를 삽입하면 프린트할때 보이지만
css에서 백그라운드 이미지로 삽입을 하면 프린트 미리보기 화면때 보이지가 않는다.
emotion에서 이미지 겹치게 하는것
position: relative
position: absolute