본문 바로가기

전체 글

(81)
코드캠프 4기 - 4일차 - 프로젝트 오류 해결기 오류 1 Warning: Invalid DOM property `for`. Did you mean `htmlFor`? JSX는 자바스크립트이기 때문에 for는 반복을 의미한다. for가 아닌 htmlFor을 써준다. 유튜브 사진 오류 2 Unhandled Runtime Error Error: Failed to fetch 서버 충돌 문제였다. 그래서 코드를 아무리 수정해도 (프로젝트 파일 코드에는 문제가 없었음) 오류를 잡을수 없었던 것이다. next.js는 기본적으로 포트 3000를 쓰는데, 3000은 어디선가 사용중이었고, 그러다 3001를 만들어 쓰다보니 서버가 꼬였던것. 그래서 이런경우 강제로 포트를 종료시켰다. 명령어 : npx kill-port 3000 3001이 아닌 기본포트 3000을 계속 ..
코드캠프 4기 - 4일차 React 4강 비동기/동기 통신 서버와 데이터를 주고 받는 방식 동기? 비동기? 동기(응답이 모두 끝난 후 요청) 자바스크립트 자체는 동기 대부분 외부 요청 라이브러리 디폴트는 비동기 (기다리지 않고 불러오기) 비동기는 오래걸릴때 사용한다 (예 : 이메일 전송하기) 비동기를 동기로 바꿔주는 연습 비동기를 동기로 바꿔주는 명령어 async / await apolllo 가 axios보다 좋은점 : 임시저장이 가능하다 const [실행함수] = useMutation() apollo에서 가져오기 import {useMutation} from '@apollo/client' graphql를 요청할수 있는 기능을 만들어 준다 오늘의 공부 팁 apollo사이트 들어가서 docs 보는 연습하기 오타는 더블클릭해서 확인..
코드캠프 4기 - 3일차 두 컴퓨터간 데이터 전송 API 요청을 받아주는 담당자 게시물 데이터 -> 요청 -> 게시물 저장 API (함수) 응답 데이터