2018-11-05 | react | 18분 새로 도입될 React Hooks 알아보기 현재 글을 쓰고 있는 시점 기준으로 React v16.7.0-alpha 에서 새로운 특징이 공개되었다. Hooks라고 불리는 이 기능의 주요 목적은 state나 lifecycle 같은 React의 특징을 클래스를 작성할 필요없이(함수형 컴포넌트로) 사... 2018-10-22 | graphql | 10분 Graphql 1 - REST의 대안 GraphQL 어느땐가 부터 GraphQL이라는 이름을 여러번 듣게 되었다. REST의 효율적인 대안이될 수 있다는데 당시에는 이미 REST로 간단한 프로젝트를 진행 중이여서 관심을 가지지 못했는데, 이번에 기회가 되어 혼자 열심히 공부해보게 되었다. 스키마를 만드... 2018-10-22 | graphql | 8분 Graphql 2 - N+1 문제와 Dataloader Graphql에는 REST에서는 나타나지 않는 몇 가지 문제가 있다. 그 중에 하나가 N+1문제이다. 이 글에서는 N+1문제와 이를 해결할 수 있는 Dataloader 에 대해서 알아본다. 2018-10-22 | javascript | 7분 Javascript - Decorator 문법 Javascript가 정말 빨리 바뀌고 있다. 하루가 멀다 하고 새로운 문법들이 추가되고, proposal 들이 추가되고 있다. 이번에는 그 중에서도 많이 쓰이고 있는 Decorator(현재 2018/10/22 기준 state-2)에 대해 알아보자. 2018-07-25 | react redux | 6분 Redux - selector 패턴과 reselect redux는 하나의 store를 통해 어플리케이션의 state를 관리한다. 우리는 setter 와 같이 action/reducer를 통해 state를 변경하고 관리한다. selector는 getter와 같은 느낌이다. selector를 사용했을 때 장... 2018-07-17 | javascript | 3분 Javascript - call(), apply(), bind() javascript에서 함수의 prototype 메소드 call(), apply(), bind()를 알아보자 2018-07-17 | javascript | 4분 Javascript에서의 동시성과 Event loop 자바스크립트는 단일 쓰레드 기반의 언어이다. 이 말은, 한번에 한 작업씩 실행할 수 있다는 말이고, 동시성을 지원하지 않는 것 처럼 보인다. 하지만 실제로 자바스크립트가 사용된 곳들을 보면, 웹 서버에 요청을 처리하는 도중에도 페이지의 랜더링 동작이 ... 2018-07-17 | javascript react | 5분 React - Render Props와 HigherOrderComponents(HOC) react의 공식문서에 Render props 에 대한 문서가 추가되었다(2017년 12월 경). HOC(Higher Order Component) 패턴처럼 코드를 재사용 할 수 있는 방법인데 이미 여러 곳에서 쓰이고 있었던 것이 문서로 작성되었다. 2018-07-17 | react | 12분 React의 진화하는 패턴들(Evolving Patterns in React) Evolving Patterns in React의 번역 - Alex Moldovan - 2018-07-17 | network | 2분 브라우저로 웹 사이트에 접속할 때 과정 브라우저에 www.naver.com, www.google.com 등을 쳤을 때 네트워크 상에서 어떠한 과정을 거쳐 원하는 페이지가 보여지는지 알아보자. 2018-07-16 | functional programming javascript | 28분 함수형 프로그래밍이란? https://medium.com/javascript-scene/master-the-javascript-interview-what-is-functional-programming-7f218c68b3a0 글의 번역. - Eric Elliott 번역하면 이... 2018-03-26 | javascript react | 8분 Javascript에서 "this"와 React에서 binding Javascript에서 this 는 다른 언어들과는 조금 다르다. 어떻게 쓰이는지 아직 완전히 이해되지는 않지만, 공부한 내용을 까먹기전에 적어보자. 2018-03-25 | webpack | 3분 Webpack 사용하기 1 - 시작 이 글은 Webpack 3 을 기준으로 쓰여졌습니다.요즘의 웹 페이지들은 대부분의 로직을 클라이언트 사이드에서 Javascript로 구현한다. 그만큼 웹에서의 Javascript 비중이 많이 높아졌다. 특히 요즘 자주 쓰이는 React, Angular... 2018-03-25 | webpack | 9분 Webpack 사용하기 2 - loader 사용 및 configuration 이 글은 Webpack 3 을 기준으로 쓰여졌습니다.Webpack의 또 다른 기능으로는 loader 가 있다. webpack은 기본적으로 Javascript 파일밖의 로드하지 못하지만, 이 loader를 사용하면 여러 타입의 파일들을 Javascrip... 2018-03-20 | web server | 2분 사이트 포트번호 없이 접속할 수 있도록 하기 - 80포트를 리다이렉트 글 삭제는 안하지만 nginx등을 사용하여 리버스 프록시를 하자 2018-03-19 | aws server | 2분 Amazon Web Services(AWS)에서 외부 도메인 연결 이번에 서버 호스팅을 처음으로 AWS(Amazon Web services)에서 해봤다.ec2를 1년 무료로 사용할 수 있기 때문에 한 번 사용해보았는데, 이번 글은 그 중에서 외부도메인을 연결한 과정이다.Route 53Route 53은 AWS에서 제공... 2018-02-03 | redux | 3분 Redux의 connect. 최상위 컴포넌트에만? 여러 컴포넌트에? react에서 redux를 사용하면서 궁금했던 것들이 많았다. 혼자 공부하다 보니 어떻게 써야할지 모르겠는 것들이 많았는데, 그 중에 하나가 connect를 얼마나 자주, 어느 컴포넌트에 사용해야 하는지이다.예전 redux 문서에는 최대한 적게 최상위... 2018-02-02 | github blog jekyll | 7분 Github Page로 Blog 만들기 기존에 서버 호스팅해서 블로그를 사용하다가 블로그는 편한게 최고다라는 생각에 Github page를 이용한 blog로 넘어오게 되었다.최고의 장점은 매우 쉽게 만들 수 있다는 것.물론 tistory 같은 블로그 서비스도 쉽지만, 보다 더 자유롭게 구축... 이전 글
