Changseon Shin

WannaBe Web Front-end Developer

Posts by Month

Jan 2019

19[Functional JS] curry, curryr, reduce

18[Functional JS] map, filter, each, 다형성

17[Node.js] express template engine (pug, ejs)

16[Node.js] express 미들웨어

15[Node.js] express tutorial

14[Functional JS] 함수형 프로그래밍, 순수함수, 일급함수, 요즘 개발 이야기

13[Node.js] 패키지 매니저

12[Node.js] http 모듈로 웹 서버 만들기 (3)

11[Node.js] http 모듈로 웹 서버 만들기 (2)

10[Node.js] http 모듈로 웹 서버 만들기 (1)

09[Node.js] util모듈, fs모듈, 버퍼와 스트림, events모듈, 예외처리

07[Node.js] os모듈, path모듈, url모듈, crypto모듈(단방향, 양방향 암호화)

06[Node.js] 노드 모듈 시스템 / global객체 / console객체 / 타이머 / __filename, __dirname, process

05[Node.js] ES2015 (2)

04[Node.js] ES2015 (1)

02[Node.js] 노드 시작하기

Dec 2018

13[Day 50] Redux (2)

10[Day 50] Redux (1)

06[Day 49] Regular Expression

Nov 2018

30[Day 48] React Exercise(2)

29[Day 47] React Exercise

27[Day 46] React Etc(defaultProps, Loading Indicator, Page Component, StoryBook Config) + Code Formatter

26[Day 45] Styling(BEM, CSS Modules, React UI Framework, Sass, StoryBook)

23[Day 44] React Advance(HOC), Page Transition, React Router

22[Day 43] React Basic(Layout Component) & React Advance(Context, Portals)

20[Day 42] React Advance(do not Controlled Component, Performance Optimization, Immutability, Reconciliation)

19[Day 41] React Advance(JSX more, Static Type Check, Ref, Board Exercise)

15[Day 40] 실습 (Snake-Game 완성하기)

14[Day 39] JS(모듈) & React(리스트와 키, 폼, 합성vs상속) & 실습(TodoList)

13[Day 38] JS(예외 처리) & React(JSX 소개 + 요소 렌더링 + 컴포넌트와 Props + State와 라이프사이클 + 이벤트 제어하기 + 조건부 렌더링)

12[Day 37] Mid Project Comment + React Tutorial

06[Day 36] Todo-List 실습 + 게시판 프로젝트

05[Day 35] Fetch API + HTTP Cache + GraphQL + DocumentFragment + Axios Interceptor

02[Day 34] Auth Token + Promise + Async Function + To-do List(Axios)

01[Day 33] Hackathon Review

Oct 2018

31[Day 32] 클래스(2) + 큐, 스택, 트리 + 비동기 프로그래밍 + Cookie + Ajax + CORS + Access Token

30[Day 31] Express + EJS + Web Form + 클래스(1)

29[Day 30] Hackathon Comment + Node.js + HTTP + Iterable

24[LearningJS] jQuery

21[LearningJS] 브라우저의 자바스크립트

19Hexo Blog 만들기

19[Day 29] Git(2) + Software Engineering

18[Day 28] Git(1)

17[Day 27] RGB Challenge + 게임 사고방식 + Auto CRLF

16[Day 26] 브라우저 자바스크립트

15[Day 25] 내장 객체 및 생성자 + 브라우저 자바스크립트

12[Day 24] 연산자 더 알아보기 + 브라우저 측 Javascript

11[Day 23] 함수형 프로그래밍 + 객체 더 알아보기

10[Day 22] 퀴즈(array to object) + 값 더 알아보기 + 참조 + 불변성 + 래퍼 객체 + 함수 더 알아보기

05[Day 21] Array.prototype.reduce()

04[Day 20] 프로토 타입

03[LearningJS] 비동기적 프로그래밍 (콜백 + 프라미스 + 제너레이터)

02[Day 19] 객체 + 배열

01[LearningJS] 이터레이터와 제너레이터

01[Day 18] null과 undefined + 함수 + 제어구문

Sep 2018

28[LearningJS] 함수와 추상적 사고

28[Day 17] string 타입 + boolean 타입

27[Day 16] Javascript Tutorial + Javascript 소개 + 값 다루기 + number 타입

21[LearningJS] 예외와 에러 처리

21[Day 15] 반응형 웹 image + iframe + video + media query

20[Day 14] Responsive Web Design + Grid Layout

19[LearningJS] 맵(Map)과 셋(Set)

19[Day 13] ol + auto increment + blockquote + footer

18[Day 12] figure + article + button + IR기법 + Sprite 이미지

17[LearningJS] 객체와 객체지향 프로그래밍

17[Day 11] Input + Tab Menu + CSS Styling + JS keyboard control

14[LearningJS] 배열과 배열 처리

14[Day 10] section + login form + dl

13[Day 09] Entities + Background + CSS Animation + Transition

12[LearningJS] 스코프(Scope)

11[Day 07] layout CSS + jQuery tutorial

10[LearningJS] 함수

10[CSS] Styling & Layout Reference

10[Day 06] Reset Style + font + selector + Layout

07[Day 05] 웹 접근성 + 박스모델 + Flex + Float + Markup + Position + Cascading

06[LearningJS] 제어문 + 표현식과 연산자

06[Day 04] 웹 접근성과 표준 + HTML5 Basic + CSS Basic

04[Day 03] 프로그램 + 운영체제 + Javascript Tutorial

03[LearningJS] 리터럴과 변수, 상수, 데이터 타입

03[Day 02] Git + 정보의 표현 + 컴퓨터 구조

02[LearningJS] jQuery + JS관리도구

02[Day 01] 쉘과 명령어 + VS Code

Aug 2018

22[패스트캠퍼스] 자바스크립트 알고리즘 퀴즈