전체 글 (83) 썸네일형 리스트형 개인 블로그 만들기 - 2021.01.21 (gitignore, GraphQL, .env, mongodb) 프론트엔드 1. FrontEnd 디렉터리에 .next 디렉터리를 .gitignore 처리를 해주었습니다. node_modules .next 2. GraphQL에 대한 학습 - API 질의어, 페이스북에서 개발한 언어인데, REST API를 대체해 사용할 수 있습니다. - 기존의 REST API와는 다르게 클라이언트에서 서버로 원하는 데이터를 쿼리로 작성해 원하는 데이터만 가져올 수 있습니다. - 오버패칭(OverFetching)의 최소화 : 오버패칭(OverFetching)은 당장 필요한 데이터 외에 필요없는 데이터들까지 서버에서 받아오는 것을 뜻하는데 GraphQL은 클라이언트에서 원하는 데이터만 쿼리로 작성해 서버에서 가져올 수 있습니다. - 언더패칭(UnderFetching)의 최소화 : 한 번에 .. next.js 사용하기 안녕하세요! 새콤하고달콤입니다. 오늘은 next.js를 설치해보고 간단하게 실습하는 과정을 진행해보도록 하겠습니다. * next.js 1. universal 리액트 어플리케이션의 서버렌더링을 쉽게 구현할 수 있게 도와주는 프로그램입니다. 2. universal이란, 어디서든 작동한다는 것을 말합니다. 서버에서 미리 사전 작업을 해놓고, 클라이언트에게 던져줘서, 클라이언트가 좀 더 작업을 하게하고, 양쪽에서 코드와 뷰를 공유합니다. 3. SPA의 경우, 초기 렌더링할 때, 렌더링 비용이 많이 발생하기 때문에 좋지 못한 성능을 가져올 경우가 있습니다. 이를 해결하기 위해서 초기에 서버사이드 렌더링을 진행함으로서, 초기 렌더링 문제를 해결할 수 있습니다. * 환경 설정 - 다음의 패키지를 설치합니다. yarn.. programmerGround 프로젝트 개요 첫 소개글은 programmerGround 프로젝트를 소개하려고 합니다. programmerGround 프로젝트는 개발자들을 위한 커뮤니티라는 명목으로 기획한 프로젝트입니다. 팀원 : 4명 (프론트 1명 + 백엔드 3명) 팀 내 역할 : 프론트엔드 프로젝트 기술 프론트엔드 Webpack Babel Eslint Prettier React TypeScript Redux GraphQL Apollo Jest 백엔드 Spring Boot Spring Security Spring Data JPA QueryDSL Native Query - 최대한 안쓰는 방향으로 Node.js(Express) Socket.io TDD(Junit, MockMVC, ) BDD(Spock) ATDD 인프라 Redis MariaDB Mong.. 이전 1 ··· 8 9 10 11 다음
