DONE LIST (DESC)

• [...ing] 2021.07: 토이프로젝트 데이트 계획/기록 웹앱

• 2021.07 - 2021.07: [git repo] - redux기초, react-redux, redux middleware(redux-thunk, redux-promise, redux-saga, redux-actions)

  • redux비동기처리1(actions으로만처리)
  • redux비동기처리2(redux-thunk)
  • redux비동기처리3(redux-promise)
  • redux비동기처리4(redux-saga)
• 2021.06 - 2021.06: [private git repo] - 파이썬 기초, 파이썬으로 배우는 자료구조(배열, 큐, 스택, 리크드리스트, 시간복잡도, 해쉬테이블, 트리, 힙)
• 2021.06 - 2021.06: [git repo] - Trello clone(no framework, no Library)
• 2021.05 - 2021.05: 패스트 캠퍼스 - CSS 이론
• 2021.05 - 2021.05: [private git repository] - 패스트 캠퍼스 - 시크릿코드_UI MarkUP Advance
• 2021.04 - 2021.05: [private git repository] - 패스트 캠퍼스 - 시크릿코드_UI Component
• 2021.04 - 2021.04: [frontend git repo], [backend git repo] - uber 1차 고도화
• 2021.01 - 2021.04: [frontend git repo], [backend git repo] - uber clone
• 2020.12: [git repo] - GraphQL로 영화 웹 앱 만들기
• 2020.12: [git repo] - NestJS로 API 만들기
• 2020.11: [git repo] - graphql movie API 만들기

• 2020.10 - 2020.11: javascript로 구현해본 Design Pattern

  • 포스팅

• 2020.09 - 2020.10: 다이내믹프로그래밍

  • 포스팅

• 2020.08 - Data Structure

  • 포스팅
  • 자바스크립트로 하는 자료구조와 알고리즘 - 에이콘
  • 자바스크립트 자료구조와 알고리즘 - 에이콘

• 2020.08 - vanilla js 운동 기록 앱

  • vanilla js로 구현해본 운동 기록 앱

• 2020.04 - 2020.07 publishing - flex, grid강의/ website 10개 clone

  • clone website 실제 페이지
  • clone website(Flex, grid) 포스팅
  • git repository
  • 강의 주소
  • 클론 코딩 10개 완료
    : [x] https://besthorrorscenes.com/
    : [x] https://paint-box.com/
    : [x] http://10x19.co/
    : [x] http://www.z-o-o.fr/
    : [x] https://schwartzmedia.com.au/
    : [x] https://tolv.dk/
    : [x] https://rodicdavidson.co.uk/
    : [x] https://beige.de/
    : [x] http://donicaida.com/
    : [x] https://canalstreet.market/

• 2020.04 - 2020.06 권오흠 교수님 Recursion 스터디한 내용 javascript로 구현 하기

  • recursion 리뷰 포스팅 모음

• 2020.05 - 2020.06 React 스터디
  주 일회 스터디모임에서 "실전리액트프로그래밍"발표 중(책:리액트를다루는기술, 노마드코더 redux 강의 참고)
  : react 스터디 포스팅 모음
  : PropTypes에 대해서(vs Typescript)
  : React Element, virtual Dom
  : source code git

  • 3장 리액트 개념 이해하기
    : react상태 값과 속성값으로 관리하는 UI 데이터/ React element, React virtual dom/ lifecycle
    : 실전리액트프로그래밍 - 3.3 생명주기 메서드 포스팅
  • 4장 리액트 코딩은 결국 컴포넌트 작성이다
    : 컴포넌트 코드 작성/ 이벤트 처리 함수 작성/ 컴포넌트의 공통 기능 관리/ 렌더링속도 성능최적화)
    : 실전리액트프로그래밍 - 4.3 컴포넌트의 공통 기능 관리 포스팅
    : 실전리액트프로그래밍 - 4.4 렌더링 속도를 올리기 위한 성능 포스팅
    : 리액트를 다루는기술 11장 todoapp 성능개선 포스팅
    : 리액트를 다루는기술 10장 todoapp 만들기 - 예제코드 git
    : 리액트를 다루는기술 11장 todoapp 성능개선 - 예제코드 git
  • 5장 리액트 내장 Hooks
    : useState, useEffect, useContext, useRef, useMemo, useCallback, useReducer, useImperativeHandle, useLayoutEffect, useDebugValue)/ 클래스형 컴포넌트와 훅/ 클래스형 컴포넌트를 고려한 커스텀 훅 작성법
    : hook 포스팅 모음
    : 실전리액트프로그래밍 - 5장 hook(진화된함수형컴포넌트) - 예제코드 git
  • 6장 Redux
    : 원칙, 개념, 액션, 미들웨어, 리듀서, 스토어, 리액트 상탯값 리덕스로 관리하기
    : redux 포스팅 모음
    : redux 기능 따라 구현해보기 포스팅
    : Learning Vanilla Redux & React-Redux - 예제코드 git

• 2020.05: 인스타그램 클론 version 2 리뷰 포스팅

  • crud with react, react-redux 리뷰 포스팅
  • react "container and presentational component patterns" 리뷰 포스팅
  • django 설명 리뷰 포스팅
  • django 가상개발환경 문제 해결 리뷰 포스팅

• 2020.05: 인스타그램 클론 version 1 리뷰 포스팅

  • crud apollo, graphql 리뷰 포스팅
  • apollo graphql in project 리뷰 포스팅
  • 프로젝트에서 사용한 hook review 리뷰 포스팅
  • functional component 구조 리뷰 포스팅

• 2020.04: gatsby로 블로그 생성

  • 블로그 주소

• 2020.04: Recursion 스터디

  • recursion 포스팅 모음 / 강의
    : recursion 기초 - Fibonacci number, Euclid Method(최대공약수), 문자열 길이 계산, 문자열 프린트, 문자열 뒤집어 프린트, 2진수로 변환하여 출력, 배열의 합 구하기
    : recursion 단 방향 - 매개변수의 명시화: 순차탐색, 최대값 찾기, Binary Search
    : recursion 여러 방향 - 미로찾기, class Maze, 움직인경로, Counting Cells in a Blob

• 2020.02-03 코드스피츠 객체지향자바크립트

  • 코드스피츠 객체지향자바크립트 포스팅 모음

• 2020.01-02 자바스크립트 코어 스터디/정리

  • 자바스크립트 코어 스터디 포스팅 모음

• 2019.10-2020.01 인스타그램 version2 클론코딩

  • React, Redux, Hooks, Apollo, Graphql - Express, Prisma
  • 인스타그램 version 2 리뷰 포스팅 모음
  • git - frontend(React, Hooks, GraphQl)
  • git - backend(Express, Prisma)

• 2019.08-09 프로그래머스 알고리즘 문제 풀기

  • 알고리즘 리뷰 포스팅 모음

• 2019.02-08 인스타그램 version1 클론코딩

  • React, Redux, Django, Postgres
  • 인스타그램 versiont 1 리뷰 포스팅 모음
  • git - React, Redux, Scss, Django

• 2019.12-2019.02 이직한 회사 자사 프레임워크 적응

  • vanlliaJavaScript, prototype 기반 객체지향 위젯, view/ viewmodel pattern, observer pattern, pipeline pattern, template method pattern, facade pattern
• 2018.07-08 패스트캠퍼스 vuejs

...ING LIST

• [...ing] uber clone
• []패캠-red(김태곤 개발자)강의
• []패캠-red(김민태 개발자)강의
• []패캠-red(front ui component)
• 리팩토링2판

• TypeScript

  • doit
  • 엘리

• mvvm review

  • 1장
  • 2장
  • 3장
  • 4장
  • 5장

• [readyToPost] 20205.07 - Async/Await 정리

  • Real World Example-exchange
  • git

• 2020.08 - callbackFunction

  • 콜백 지옥과 비동기 제어 6가지 단계 설명 추가하기

• 실전리액트프로그래밍

  • 7장 babel/ webpack
  • 8장 ssr/ Next.js
  • 9장 TypeScript
  • 10장 fiber

• 인스타그램 클론코딩 코드리뷰

  • GraphQl schema post

STUDY LIST

• 인스타그램 클론 두번째 보완하기
• 블로그 개선하기

• Typescript

  • React Typescript Tutorial-Ben Awad
  • Typescript로 블록체인 만들기
  • 초보를 위한 React JS
  • 리액트에 typescript를 적용하는 강의가 있음
  • 다음 내용을 다룸: React, React Router, Styled Components, Typescript, Hooks

• algorithm - recursion

  • [Recursion: all permutations of a given string (GeeksforGeeks)][https://www.geeksforgeeks.org/write-a-c-program-to-print-all-permutations-of-a-given-string/]
  • [Recursion: Length of longest palindromic sub-string (GeeksforGeeks)][https://www.geeksforgeeks.org/length-of-longest-palindromic-sub-string-recursion/?ref=leftbar-rightbar]

• design pattern

  • 스터디한 내용 정리하기 - 코드스피츠 객체지향에서 배운 design pattern 정리
  • 스터디한 내용 정리하기 - 코드스피츠 객체지향에서 배운 solid 정리
  • 스터디한 내용 정리하기 - 자바스크립트 디자인 패턴
  • 스터디한 내용 정리하기 - JavaScript Patterns(자바스크립트패턴)
  • 위 두 책에서 놓친부분 보기 - 자바스크립트 패턴과 테스트 견고한 프로그램을 개발하는 원리

• publishing

  • Css preprocesor(scss)
  • find

• BACKEND

  • node.js

• DEVOPS

  • TDD
  • 모듈번들러, 빌드자동화(webpack, grunt, babel, gulp)
• 성능
• 보안