profile
주니어 개발자 Kan

[NextJS] NextJS 관련 사이트

React, Next and Typescript #1 설치

3일 전
·
0개의 댓글
post-thumbnail

[Meetup] Prisma 팀과 함께하는 공식 Graphql Seoul 밋업

노마드코더의 인스타그램 클론 강의를 들으면서 Graphql을 처음 접했다. 간편하고, 편리한 사용할 수 있어 개린이인 나한테 굉장히 매력적이였다. dooboo-ui contributon에 참여하면서 meetup을 관심있게 봤는데, dooboolab에서 Prisma 개발

6일 전
·
0개의 댓글

[우아한테크러닝 3기] React&TypeScript #4일차

일정 : 2020-09-10 19:30 ~ 22:00JSX 안에 코드가 많아지면 가독성이 떨어진다. 컴포넌트를 분리해서 선언적으로 만들어 가독성을 높인다.Naming어떻게하면 잘게쪼갤까? 분리할까 고민할때 분리하자.function : this가 실행시점에 정해짐arro

2020년 9월 10일
·
0개의 댓글

[우아한테크러닝 3기] React&TypeScript #3일차

React는 DOM을 조작하기 쉬운 Object로 변환해주는 것간단하게 만든다.pure function으로 만든다.pure function : 입력이 같으면 항상 출력이 같은 함수JS는 스크립트 언어이기때문에 Compile Time이 없었지만,기술이 발달하면서 브라우저

2020년 9월 8일
·
0개의 댓글

[우아한테크러닝 3기] React&TypeScript #2일차

JavaScript A-ZRedux 간단하게 구현OS자료구조자바스크립트 싱글 스레드 동작 원리function실행 Contextclosure비동기자바스크립트의 함수 - 김민태님Javascript Boot Camp - 김민태님김민태님 medium코드 참조Flex 아키텍처앱

2020년 9월 3일
·
0개의 댓글

[우아한테크러닝 3기] React&TypeScript #1일차

1일차 📅 2020-09-01 19:30 ~ 22:00 처음으로 진행하는 온라인 강의로 오프라인 교육 시 30명이지만 온라인으로 전환되면서 400~450명정 정도로 엄청 많았다. 고민 나는 잘 하고 있나? 네트워킹 코드 품질 아키텍처 적정기술 전달하고자 하는

2020년 9월 1일
·
0개의 댓글
post-thumbnail

[우아한테크러닝 3기] React&TypeScript #교육생 선발

React & React Native 공부를 하면서 FrontEnd 공부에 전념하던 와중 우아한테크러닝이라는걸 알게되었다. 이번에 3기 "React&TypeScript"로 둘 다 굉장히 공부해보고 싶었던 기술이라 바로 신청을 했다. 우아한 교육을 들을 기대감으로 신청했

2020년 9월 1일
·
0개의 댓글

#2.0~3 Local State part One & Clean code/Local State part Two/Connecting Detail and Home

client에서 Filed를 만들어서 사용할 수 있다.apollo cache에 접근하여 내용을 수정할 수 있다.apollo cache로 들어가서 isLiked필드를 만들고 사용하기\[\[\[노마드 코더 GraphQL 강의 정리용 글입니다.GraphQL로 영화 API 만

2020년 8월 26일
·
0개의 댓글
post-thumbnail

#1.1~5 GET MOVIES Query/GET MOVIE Query/Apollo Cache and Styles/Suggestions & Optional Chaining

한 번 로딩한 거는 cache하여 reloading 없이 사용할 수 있다.(별도의 작업이 필요 없음) query를 작성하고 useQuery를 이용해서 조회한다./src/routes/Home.js결과Apollo Client Developer Tools\[\[\[\[sug

2020년 8월 25일
·
0개의 댓글

#1.0 Apollo Client

GraphQL Yoga가 바로 쓸 수 있게 준비를 다 해둔 server이며 apollo-boost가 client에 해당.client를 만든다.apollo.jsApp을 polloProvider 감싼다.index.js사용!github노마드 코더 GraphQL 강의 정리용

2020년 8월 25일
·
0개의 댓글

#0.4 Router and Styles

Code github 노마드 코더 GraphQL 강의 정리용 글입니다. [GraphQL로 영화 API 만들기]https://nomadcoders.co/react-graphql-for-beginners)

2020년 8월 25일
·
0개의 댓글

#0.3 Set Up

API, 데이터베이스 및 마이크로 서비스를 GraphQL로 쿼리 할 수있는 단일 데이터 그래프로 결합하여 앱 개발을 단순화합니다.공식사이트React Setup기본적으로 제공하는 파일 중 불필요한 파일 정리파일 정리 참고Github repository 생성 후 연결필요한

2020년 8월 25일
·
0개의 댓글

#0.12 Wrapping a REST API with GraphQL Part One / #0.13 Wrapping a REST API with GraphQL Part Two / #0.14 Overview to the final API

YTS Movie API를 GraphQL로 감싸서 조회해올 수 있게 한다.요청결과axios비동기 통신github노마드 코더 GraphQL 강의 정리용 글입니다.GraphQL로 영화 API 만들기

2020년 8월 25일
·
0개의 댓글

#0.9 Defining Mutations / #0.10 Creating first Mutation / #0.11 Delete Mutation

Database 상태가 변할 때 사용add, delete 등github노마드 코더 GraphQL 강의 정리용 글입니다.GraphQL로 영화 API 만들기

2020년 8월 25일
·
0개의 댓글

#0.8 Creating Queries with Arguments

Operation(Query, Mutation)에서 data가 어떻게 보일지 정의하고 resolve 함수를 만들어서 실행Resolver는 다른 DB, API 등 한 요청으로 여러곳에서 조회해서 반환할 수 있다.GraphQL 서버에서 요청을 받음.GraphQL 서버가 Q

2020년 8월 25일
·
0개의 댓글

#0.7 Extending the Schema part Two

\[ ] : Array! : 필수결과github노마드 코더 GraphQL 강의 정리용 글입니다.GraphQL로 영화 API 만들기

2020년 8월 25일
·
0개의 댓글
post-thumbnail

#0.6 Extending the Schema

2020년 8월 25일
·
0개의 댓글

#0.5 Creating the first Query and Resolver

받거나 줄 정보에 대한 서술Query 선언Mutation 선언typeDefs : type들을 정의resolvers : Query를 resolve(해결)Query + Resolvers의 조합두 개를 선언하고 넣어주면 에러가 없어진다.Github노마드 코더 GraphQL

2020년 8월 25일
·
0개의 댓글

#0.4 Creating a GraphQL Server with GraphQL Yoga

아직까지는 에러가 발생한다. 다음 강의에서 셋업이 완료될듯 하다.Githubnodemon코드의 변경을 감지하고 재실행해준다.babel-nodeimport 문법 등 최신 문법을 사용할 수 있게 해준다.babel-clibabel-node를 사용 시 설치해줘야 한다.babe

2020년 8월 25일
·
0개의 댓글

#0.3 Problems solved by GraphQL

Over fetchingUnder fetching 요청한 영역의 정보보다 많은 정보를 서버에서 받는 것예를 들어, user name을 조회하고자고 user 정보를 요청했는데 name뿐만 아니라 email, image 등 user의 전체 정보를 받아온다.어떤 하나를 완성

2020년 8월 25일
·
0개의 댓글