본문 바로가기
728x90

c.c46

15. 동적 라우팅 및 예외처리 렌더링 = 그려줘 조건부 렌더링 = 조건에 맞게 그려줘 정적, 동적 라우팅 pathname와 route는 예전에는 달랐는데 같아졌다(100% xxx) 실제주소와 폴더주소 try ~ catch 예외처리 시도 실패 2023. 2. 14.
14. 비동기 통신과 리렌더링 중괄호 { } 사용 useQuery useQuery는 API라서 0.013초든 몇초가 걸리기 때문에 처음에 순서대로 가면서 undefined가 나온다 await 사용이 안되기 때문에 해결방법은 조건부 렌더링을 사용한다 data가 있으면 뒤에꺼 보여주고 data가 없으면 앞에꺼 보여줘~ 1 - {data ? data.fetchBoard.title : “로딩중입니다..”} 2 - {data && data.fetchBoard.title} 3 - {data?.fetchBoard.title} => 옵셔널 체이닝 2023. 2. 14.
10. 동기통신과 비동기통신 비동기 동시에 여러 일 할때 사용 게시물 목록 가져오기, 상품 목록 가져오기... vscode에서 비동기 그래서 pending = 기다리고 있다, 지연되고 있다 2023. 2. 14.
8. Rest-API vs Graphql-API 백엔드가 완료됐어~, 완료되었습니다, 완료됨, ㅇㄹ 등등 어떻게 프론트엔드에게 확인시키는지 다르다 그래서 200이라는 코드가 있으면 완료되었다는 뜻이다 Rest는 대규모 접속자가 있으면 문제가 있어서 Graphql을 만들었다(큰 서비스) Graphql는 골라서 받아올 수 있다 JSON Javascript Object Notation 객체 표기법 편지봉투 앞부분이라고 보면 된다 CRUD 크러드 + 1 create read update delete 만들기 읽기 수정하기 삭제하기 + 목록 조회 "크러드 만드셨나요?" 2023. 2. 14.
728x90