토이3 설명

react+ts쓰고
vite
zustand
tanstack query
아무거나
test 가볍게 보시고

문제는 프론트엔드에 적합한 RESTful API설계 서버 상태 기술 (tanstack쓰라는 소리)
서버와 디비가 필요한 상황
최종적으로 배포해서 파이어베이스 제이슨서버
구조화하는거 나중에하고 만드는거에 집중할 것
그냥 타입스크립트 쓰라는ㅇ ㅣ야기 컴포넌트 적절하게 구조화 시켜라

팀플조언

하루에 한번 화상으로 회의하기..ㅋ
하루-이틀치 단기적인 목표는 밤을 새더라도 완성해야한다.
팀장이 어려운 이유는 제어가 안되기 때문.
팀원들과의 커뮤니케이션에서 팀원들이 생각하는 각자의 사정에서 개발
"몸이 안좋아, 약속이 있어.." 등 사전에 합의가 되어야 하고
약속이 갑자기 생기는것도 개인사정이니까 약속을 안해야지 목표가 있으면..ㅋ
미리공유하는건 ㅇㅋ 하지만 갑자기 못했어요 이건 잘못된 자세다
개발은 어차피 협업이다 혼자 다 이끌어가지않는다.
협업방식에 대해 지금 부딫쳐가면서 겪어봐야한다.
개인의 희생이 없으면 안된다 (다 할게가 아니라 노력해봐야지하는 마음가짐)
개인의 사정이 팀의 사정보단 덜 중요하다. 마음이 맞은 사람들끼리 모여야 좋은팀이 되는것. 튀는사람이 있으면 팀의 운영이 어렵다.
어떻게하면 팀이 잘 운영될수 있을까 생각해보길

json-server

https://github.com/typicode/json-server
👆 제이슨서버 설명 깃허브 링크

Conditions

• ` → ==`
• lt → <
• lte → <=
• gt → >
• gte → >=
• ne → !=

이관(mygration) 개발 용어임
제이슨 서버를 데이터로 가져오는 것

app.tsx가 최상위 컴포넌트

npm i -D json-server concurrently

서버 두개 열려야함
수동으로 두개 열어도 되는데 한번에 하는게 편하니까

iife 즉시실행함수 (Immediately-invoked function expression)

stringify 한국말로 문자화

HMR(Hot Module Replacement) 서버가 열려있는 상태에서 수정하면 바로 바꿔서 화면에 반영해주는 것

(async () => {
  const res = await fetch("https://localhost:3000/todos". {
    method: 'GET'
  });
  const data = await res.json();
  console.log(data);
})();

method는 은 따로 작성안하면 'GET' 기본값으로 된다. 코드 생략가능

요청메소드

GET 조회 (read)
POST 생성(create)
PUT 수정 (update))
DELETE 삭제 (delete)

   method: "GET",
    body: JSON.stringify({
      done: false,

get은 바디부분을 첨부할수 없다

NoSQL

스키마(Schema)

Null과 Undefined 차이

내가쓴거랑 컴퓨터가 해주는것

자스에서 배열데이터는 순서가 있다. 객체가 없다.