profile
Javascript와 Golang에 관심
post-thumbnail

제너레이터(Generator)

제너레이터 문법이 있다는 것을 알고만 있었는데 Redux-Saga를 공부하면서 제대로된 이해가 필요한 것 같아서 이 기회에 제대로 정리해본다.제너레이터(generator) 문법은 ES2015(ES6)에서 추가되었고 사용자가 함수의 실행을 제어(yield)할 수 있도록한

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

커스텀 Hooks 사용하기

커스텀 Hooks란? React를 사용하면서 컴포넌트를 만들다보면 Login Form과 같이 자꾸 반복되는 로직이 생길 수 있다. 이 때 커스텀 Hooks를 사용하면 중복되는 로직을 Hooks로 묶어서 코드를 효율적으로 관리할 수 있다. 참고로 커스텀 Hooks의 이름

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

JS - 모듈 시스템

Javascript에서 외부 라이브러리를 가져올 때 import와 require가 혼용되어서 사용되는 경우가 있어서 이를 정리해보고자한다.

2021년 5월 27일
·
0개의 댓글
post-thumbnail

JS - async와 await

async/await은 Promise를 사용할 때 불편한 점들을 해결하기 위해 ES2017에서 추가된 문법이다.

2021년 5월 27일
·
0개의 댓글
post-thumbnail

JS - Promise

Promise는 이전에 콜백 함수로 처리했어야 했던 비동기 작업을 좀 더 편리하게 처리할 수 있도록 ES6에 도입된 기능이다.

2021년 5월 27일
·
0개의 댓글
post-thumbnail

NodeJS - Basics

Node.js는 2009년 Ryan Dahl이 고안해 낸 서버사이드 자바스크립트 언어이며 구글의 V8 엔진을 기반으로한 시스템이다.

2021년 5월 26일
·
0개의 댓글
post-thumbnail

Redux

Redux란 페이스북에서 클라이언트 웹 애플리케이션을 위해 사용하고 있는 애플리케이션 아키텍쳐인 Flux기반의 상태관리 라이브러리이다.

2021년 5월 25일
·
0개의 댓글
post-thumbnail

CSR/SSR, SPA/MPA, SSG, PWA란?

웹 개발자라면 제대로 이해하고 있어야 할 용어인 CSR/SSR, SPA/MPA, SSG, PWA, TTV, TTI에 대해서 정리해본다.

2021년 5월 8일
·
0개의 댓글
post-thumbnail

React - Router의 match, location, history 객체

브라우저와 리액트 앱의 Router르 연결하면 Router가 history api에 접근할 수 있게 되고 각 Route와 연결된 컴포넌트의 props로 match, location, history 객체를 기본적으로 전달하게 된다.

2021년 5월 8일
·
0개의 댓글
post-thumbnail

React - 동적 라우팅

동적 라우팅(Dynamic Routing)은 Route의 경로에 유동적인 값을 넣어서 특정 페이지로 이동하는 것이다.

2021년 5월 8일
·
0개의 댓글
post-thumbnail

React - Router

일단 라우팅(Routing)이란 다른 경로마다 다른 화면을 보여주는 것이다. 리액트는 자체적으로 라우팅 기능을 제공하지 않기 때문에 React Router라는 외부 라이브러리를 주고 사용한다.

2021년 5월 8일
·
0개의 댓글
post-thumbnail

JS - fetch API

브라우저에서 fetch 함수를 지원하기 이전에는 API 호출을 위해서 request나 axios와 같은 라이브러리들을 주로 사용해왔다.

2021년 5월 8일
·
0개의 댓글
post-thumbnail

TS - 고급 타입

유니온 타입(Union Type)은 2개 이상의 타입을 하나의 타입으로 정의하는 타입이다.

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

TS - 기초와 타입

타입스크립트(TypeScript)는 자바스크립트에 타입을 추가한 언어이다.

2021년 5월 4일
·
0개의 댓글
post-thumbnail

REST API

본 포스팅은 REST API에 대해서 정리합니다.

2021년 5월 1일
·
0개의 댓글
post-thumbnail

React - useReducer

상태를 업데이트하기 위해서 useState를 사용하는 방법이외에 다른 방법이 있는데 그것이 바로 useReducer이다.

2021년 4월 26일
·
0개의 댓글
post-thumbnail

React - useMemo, useCallback

useCallback의 최적화를 위한 Hook이다. 컴포넌트는 상위 컴포넌트가 렌더링되거나 자신의 상태(state)가 변경되는 경우에 리렌더링되는데 이 때마다 내부의 함수를 새로 생성한다는 단점이 있다.

2021년 4월 24일
·
0개의 댓글
post-thumbnail

VSC에서 console.log shortcut 추가하기

VSC에서 shortcut 추가해서 좀 더 편하게 코딩하는 방법을 정리합니다.

2021년 4월 23일
·
0개의 댓글
post-thumbnail

React - useRef

JavaScript에서 특정 DOM을 선택해야할 경우에는 일반적으로 getElementById와 querySelector와 같은 DOM Selector 함수를 사용한다.

2021년 4월 23일
·
0개의 댓글
post-thumbnail

Webpack

본 포스팅은 웹팩(Webpack)에 대해서 정리합니다.

2021년 4월 20일
·
0개의 댓글