코드캠프 TIL

1. node js 이해 2. next.js 3. JSX 4. emotion / styled-components

1. 왜 리액트를 사용하는가? 2. 컴포넌트 3. state

1. http/api/graphql/rest 2. postman, playground

1. ' Async-Await' 2.Apollo-Client/Mutation

1. routing 2. useQuery 3. try-catch

실무적인 폴더구조

setstate는 비동기로 작동한다.

게시글 oo

수정기능 심화디폴트값 보여주기수정페이지에서 패치보드를 받아오고, 가져온 내용(data)을 받아서 프롭스 던져주기(페이지 -> 컨테이너 -> 프레젠터까지 -> defalutValue에 넣어주기)골라서 수정하기우리의 프로젝트에 있는 Onchange 는 하나라도 바뀌어야 작

파일명 바꿀 때 주의할 점 🔥 아직 jsx (JavascriptXML)처럼 구분하지 못한다. ?XML : Extensible Markup Language(확장가능한 마크업언어) ?Markup Language : 꺽쇠 괄호로 만드는 언어 (HTML) tsx -함수

댓글 기능 구현

ModalReact-Daum-PostcodeprevState

레이아웃

페이지네이션과 State 끌어올리기

댓글 수정무한 스크롤오늘 공부를 돌아보며

댓글 수정 기능 댓글 리스트 만드는 방법 1) BoardDetail 컴포넌트 내에 직접 만들기(코드량 증가) 2) 댓글 컴포넌트를 분리해서 만든 후 BoardDetail 에 import해오기 3) 댓글 컴포넌트를 페이지 단위에서 조립하기 => 협업 가능한

Open API / Public APIPublic api

CORS : cross origin resource sharing

백엔드 부분 이해 못했다고 너무 슬퍼하지 않기!

오늘 시험을 돌아보며

프론트에서 할 일! 백엔드에서 지정한대로 search (다를 수 있음) 보내주기!

props의 실체 / el의 실체 / prev의 실체 / graphql의 실체

로그인 방법이 굉장히 많다!

6월 9일의 학습목표 오늘 배울 것 로그인 토큰 유지시키기 -> Next.js 렌더링 자바스크립트 클로저 권한분기를 위한 클래스 컴포넌트, 함수형 컴포넌트

Hof, useApolloClient, react-hook-form, 정규표현식

구조분해할당, custom hook, cache.modify

6월 14일 학습목표

카카오지도

결제 프로세스

web-editor

RefreshToken

이미지 최적화하기

Memoization

optimitic ui 와 SSR

배포 시작

정적 파일 배포 & DNS

6월 29일 학습목표http와 httpshttp로 백엔드에 로그인 요청을 보내보자주고받는 묶음 정보를 패킷이라고 한다'와이어샤크' 라는 프로그램을 이용해서 이 정보를 볼 수 있다백엔드 주소를 넣으면source : 브라우저destination : 백length : 사이즈

DOCKER

SSR

취업과제

이력서에 적어야 할 경험을 정리해보자

ㅠㅠ 최근 신입 개발자 채용이 많이 줄어들고 있다

수료 후 취업 전략 세션