웹프론트엔드 환경을 구축하면서 벌어지는 사항들을 정리해봅니다. .gitignore git으로 소스코드를 관리하는 경우가 정말 많습니다. 이 때, git에 올라갈 필요가 없는 파일들을 git이 추적하지 않도록 정리를 해줘야 합니다. 프로젝트 디렉토리에서 .gitignore파일을 만듦. node 프로젝트 생성 기본적으로 node환경에서 로컬 서버...
MockUp Server main.gif Mockup Server란 MockUp Server는 프론트와 백엔드를 동시에 같이 개발이 진행할때 쓰면 큰효과를 볼 수 있습니다. 예를들어 자주 바뀌는 백엔드의 API와 데이터의 형태를 항상 무엇이 바꼇는지 모니터링(깃으로)을 할 수 있고 프론트엔드 개발자는 그것에 맞춰서 완성된 서버가 없더라도 최대한 비슷...
GraphQL의 서버 사이드 캐싱, 인증, 권한, 오류 처리, 오프라인 사용 등에 대한 공통 질문에 대한 해답을 알아봅니다.
GraphQL의 다양한 보안 측면 및 전략에 대하여 알아봅니다. 시간 제한, 최대 쿼리 깊이, 쿼리 복잡도, 쓰로틀링에 대하여 알아봅니다.
GraphQL 생태계에 대하여 알아보고, GraphiQL Playground, Introspection을 통하여 자동 생성되는 문서와 같은 관련 도구에 대하여 배웁니다.
Fragment, 쿼리 인자, Alias, 인터페이스, 그 이외의 SDL 기능과 같은 GraphQL의 심화 개념에 대하여 알아봅니다.
GraphQL 서버의 주요 개념에 대하여 배우고, 리졸버 함수를 사용하여 GraphQL 쿼리를 실행하는 법과 여러 요청을 일괄 처리하는 법을 알아봅니다.
이번 장에서는 GraphQL 클라이언트가 제공하는 핵심 개념, 추상화와 기능에 대하여 배웁니다.
GraphQL의 다양한 설계 예시, 그리고 Resolver 함수와 클라이언트 라이브러리와 같은 주요 구성 요소에 대하여 배웁니다.
![[Javascript] 객체에 메소드를 추가하는 두가지 방법의 차이](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/gtobio11/3277a4f0-cd8f-11e9-a2b6-6b84248149f2/%EC%8D%B8%EB%84%AC.PNG&width=512)
Javascript에서 Prototype을 통한 메소드 추가와 생성자 함수 내에서 추가하는 메소드의 차이점을 알아봅시다.
GraphQL의 기본적인 개념인 쿼리, 뮤테이션, 구독, GraphQL 스키마, SDL 등을 배웁니다. 각 개념들을 직접 실습해보세요.
GraphQL은 보다 효율적이고 유연한, REST API의 대안입니다. 강타입 시스템을 사용하며, 데이터를 필요한 만큼만 불러올 수 있습니다.
The free and open-source tutorial to learn all around GraphQL to go from zero to production
프런트 앤드 개발에 사용되는 유망한 UI라이브러리 모음 관련글 링크 : 여기...
images.png 서론 최근들어 프론트엔드 개발에서의 테스트 방법을 생각해봤습다. 고민들에는 프론트엔드 테스트코드 실질적 효과와 효율성과 어떤 코드들을 테스트해야 하는지에 대해서 의문을 제기해왔습니다. 그러던 도중 이글을 만나게 되었습니다. 이 글은 Nick Gard의 "React Snapshot Testing: The Bad Parts"를 번...
정적인 html, 싱글 페이지 어플리케이션(spa)는 아마존 웹 서비스(AWS)의 S3라는 파일서버에 올려서, 간단하게 호스팅 할 수 있습니다. 오늘은 serverless 프레임워크를 이용해서 AWS S3에 정적 호스팅을 간단하게 하는 방법을 알아보겠습니다. 1. npm 프로젝트 생성 node.js 환경에서 동작할거기 때문에 npm 프로젝트를 생...
IT의 시작 나는 웹퍼블리셔로 웹에이전시에서 3년째 근무하고 있다. 처음에 이 일을 시작하게된 이유는 전역 후 옷가게에서 일을 하다 남들처럼 빨간날에 쉬고싶다는 이유 하나만으로 직업을 찾기 시작했다. 그러다 국비 지원 학원을 알게되고 웹개발자라는 직업을 처음 알게 되었다. 개발자라는 직업을 알고난 후, 이 직업이 적성에 맞을까라는 고민도 했다. 고민을 ...
1. React? - react.png React는 자바스크립트 라이브러리로 오직 View만 신경쓰는 라이브러리 입니다. React는 DOM을 복사해서 Virtual DOM을 만들고 변화가 생겼을 때 페이지 전체를 렌더링 하지않고, 변화한 부분만 실제 DOM에 적용하는 방식을 사용합니다. 2. 개발 환경 - 1) Node.js / npm B...
