GraphQL CRUD (Client)

Server의 데이터를 다루기 위해선 Server에서 작성한 Query와 Mutation을 토대로 GraphQL 쿼리를 생성해야 한다. 데이터 조회에 관한 쿼리는 Query.js, 데이터 변경에 관한 쿼리는 Mutation.js에 작성하였다.GET_BOOKS: 테이블의

2022년 5월 12일
·
0개의 댓글

Server-Client 연결 및 Front-end CRUD form 작성

client 폴더를 만들고 create-react-app을 통해 react-app 생성 후 Server-Client 연결을 위한 라이브러리 설치Server와 연결하기 위해 client를 선언하고 uri에 grahql서버를 등록하고AplloProvider로 App을 감싸

2022년 5월 12일
·
0개의 댓글

GraphQL CRUD (Server)

Mongoose는 작성된 스키마를 기준으로 데이터를 검증하기 때문에 데이터를 다루기 위해선 스키마가 필요하다. 기본적으로 Mongoose는 스키마에 id속성을 가지고 있어 따로 추가하지 않아도 된다.Schema 메서드를 통해 스키마를 정의하고, model 메서드를 통해

2022년 5월 12일
·
0개의 댓글
post-thumbnail

MongoDB 연동 (Mongoose)

연동에 앞서 MongoDB Atlas에서 Cluster를 생성하였다. MongoDB Atlas는 MongoDB를 관리하는 클라우드 데이터베이스 서비스이다.Cluster 생성에 관한 내용은 생략 하고 진행하겠다.클러스터를 생성하였으면 자신의 어플리케이션과 연결해야 한다.

2022년 5월 11일
·
0개의 댓글
post-thumbnail

Get started with Apollo Server

Apollo ServerGraphQL 공부 및 실습을 위해 서버를 만들었다.다음의 명령어들을 작성하면 프로젝트가 생성이 된다.생성된 package.json에 type을 추가해 준다.GraphQL 서버에서 쿼리에 사용할 데이터의 구조를 정의한다.Book은 title과 a

2022년 5월 10일
·
0개의 댓글
post-thumbnail

<iframe>

HTML iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용되며, 동영상이나 뮤직비디오도 넣을 수 있다.장점쉽게 컨텐츠를 추가할 수 있고, 페이지 이동 없이 바로 보여줄 수 있다.단점유지보수를 힘들게 하고, HTML코드량이 많아져 메모리 과부화가 일어난다.sr

2022년 3월 11일
·
0개의 댓글
post-thumbnail

듀얼 셀렉터

팀 프로젝트로 듀얼 셀렉터를 구현하게 되었다.내가 맡은 부분은 아이템을 왼쪽, 오른쪽으로 옮기는 기능이었다.contorl+Click을 하면 아이템을 추가로 선택을 할 수 있게 해야하고, shift+Click을 누르면 시작부터 끝까지 선택되게 구현해야 했다.선택한 아이템

2022년 3월 5일
·
0개의 댓글

canvas로만 그래프 그리기

카트라이더 API를 사용하여 유저의 기록 그래프를 라이브러리를 사용하지 않고 구현해 보았다.일단!

2022년 3월 2일
·
0개의 댓글

DOM(Document Object Model)

DOM은 Document Object Model의 약자로, 말 그대로 HTML요소(Document)를 Object처럼 조작할 수 있는 Model이다.DOM은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM을 수정할 수 있다.creat

2022년 2월 22일
·
0개의 댓글