Today I Leaned...
20190903-Test-web-page
20190904-study-html-css
20190905-study-html-css
20190906-study-html-css
20190909-study-html-css
20190910-study-html-css
20190911-study-html-css
20190916-study-html-css
20190918-study-html-css
20190919-study-html-css
20190920-study-html-css
20190921-study-html-css
20190924-study-html-css
20190925-study-html-css
CSS 7가지 단위
CSS inline-block 주의점
CSS 선택자 정리
20190902-study-termianl
20190902-start-git
20190930-linux-study01
20190930-linux-study02
20190930-linux-IORedirection
20191001-linux-study03
20191128-linux-study04
20191001-javascript
20191002-javascript
20191004-javascript
20191007-javascript
20191008-javascript
20191010-javascript
20191011-javascript
20191014-javascript
20191015-javascript
20191017-javascript
20191018-javascript
20191021-javascript
20191022-javascipt
20191024-javascript
20191025-javascript
20191028-javascript
20191029-javascript
20191030-javascript
20191031-javascript
20191101-javascript-todo
20191104-javascript-todo
20191105-javascript-todo
20191107-javascript
20191108-javascript-AjaxTodo
20191112-javascript
20191113-javascript
20191115-javascript
20191130-코어 자바스크립트 세미나
VSC-환경셋팅
VSCode Debugger for Chrome
Git-branch 및 협업
ESLint
웹 브라우저 동작 원리
메소드 정리 - 정리중
배열 메소드
배열 고차 함수
정규 표현식
Number 래퍼 객체
Math 객체
Date 객체
String 객체
DOM
이벤트
비동기 처리 모델 , Ajax
REST API
Promise
Module
Symbol
iteration
3. 자바스크립트 개발환경 / 4. 실행방법
5. 데이터타입 / 6. 연산자
7. 제어문 / 8. 타입변환과 단축평가 / 9. 객체 리터럴
10. 원시 값과 객체의 비교
11. 함수
12. 스코프
13. 전역 변수의 문제점 / 14. let, const와 블록 레벨 스코프
15. 프로퍼티 정의
16. 생성자 함수에 의한 객체 생성
17. 함수와 일급 객체
18. 프로토타입
19. 엄격모드
20. 전역객체
21. this
26-1 : 배열 - 배열 개요 및 배열 메소드
26-2 : 배열 - 고차함수
26M : 정규 표현식
23 : 클로저
24 : 클래스
27 : Spread 문법 / 28 : 디스트럭처링 할당 / 29 : 표준 빌트인 객체와 래퍼객체
30 : DOM
31M : 동기식 처리 모델 vs 비동기식 처리 모델 / 32M : 이벤트
34M : 비동기식 처리 모델과 Ajax / 35M : REST(Representational State Transfer) API
1. 테스트 오답
2. 2주차 시험 정리
3. 3주차 시험 정리
4. 모의면접 정리
20191202-react
20191204-react
20191206-react
20191209-react
20191211-react
20191213-react
20191216-react
20191218-react
20191220-react
20191223-react
20191227-react
20191230-react
20200103-react
20200106-react
20200108-react
20200110-react
20200113-react
20200115-react
20200117-react
React가 만들어진 이유 ( + Virtual DOM )
JSX
props 를 통해 컴포넌트에게 값 전달하기
조건부 렌더링
useState를 통해 컴포넌트에서 바뀌는 값 관리하기
input 상태 관리하기
여러개 input 상태 관리하기
useRef
배열 렌더링하기
useRef 로 컴포넌트 안의 변수 만들기
배열에 항목 추가하기
배열에 항목 제거하기
배열에 항목 수정하기
useEffect를 사용하여 마운트/언마운트/업데이트시 할 작업 설정하기
useMemo 연산한 값 재사용하기
useCallback 을 사용하여 함수 재사용하기
React.memo 를 사용한 컴포넌트 리렌더링 방지
useReducer 를 사용하여 상태 업데이트 로직 분리하기
커스텀 Hooks 만들기
Context API를 사용한 전역 값 관리
Immer를 사용한 더 쉬운 불변성 관리
React Re-Study ( Mark님 강의 )
Re-Study : 1
Re-Study : 2
Re-Study : 3
Re-Study : 4
Re-Study : 5
Re-Study : 6
Re-Study : 7
Re-Study : 8
Re-Study : 9
Re-Study : 10
React Router (Velopert님 강의)
SPA 와 react-router
파라미터와 쿼리
서브 라우트
라우터 부가기능
useReactRouter Hook
주요개념 : JSX 소개
주요개념 : 엘리먼트(요소) 렌더링
주요개념 : Components and Props
주요개념 : State and Lifecycle
주요개념 : 이벤트 처리하기
주요개념 : 조건부 렌더링
주요개념 : 리스트와 Key
주요개념 : 폼
주요개념 : State 끌어올리기
주요개념 : 합성(Composition) vs 상속(Inheritance)
주요개념 : React로 사고하기
GraphQL Query & Mutation
GraphQL Schema & Type
TypeScript 문법 공부 - 01
TypeScript 문법 공부 - 02
React에서 TypeScript 사용하기
TypeScript 기초 연습하기 (셋팅, 기본 타입, 함수 타입, 인터페이스)
TypeScript 기초 연습하기 (타입 별명, 제네릭)
리액트 컴포넌트 타입스크립트로 작성하기
타입스크립트로 리액트 Hooks 사용하기 (useState, useReducer, useRef)
Mobx 개념 잡기
Mobx 카운터 실습
React Hooks + Mobx -슈퍼마켓 예제-
React Hooks + Mobx + TS -슈퍼마켓 예제-
Recoil 개념 잡기
20190930-체육복
20191001-서울에서 김서방 찾기
20191002-수수박수박수박수박수박수?
20191003-완주하지 못한 선수
20191004-체육복-재도전
20191005-완주하지 못한 선수-재도전
20191007-모의고사
20191008-Poiema제어문
20191009-K번째 수
20191010-2016년
20191011-Poiema알고리즘 1-5
20191012-Poiema알고리즘 6-10
20191012-Poiema알고리즘 11-15
20191014-Poiema알고리즘 16-20
20191015-Poiema알고리즘 21-25
20191016-Poiema알고리즘 26-27
20191017-같은 숫자는 싫어
20191018-예산
20191019-기능 개발
20191021-Poiema-HOF 1~4
20191022-Poiema-HOF 5~8
20191023-124 나라
20191024-문자열 내림차순으로 배치하기
20191025-문자열 내 마음대로 정렬하기
20191026-기능 개발, 재도전
20191028-나누어 떨어지는 숫자 배열
20191029-두 정수 사이의 합
20191030-콜라츠 추측
20191031-x만큼 간격이 있는 n개의 숫자
20191101-소수 찾기
20191102-실패율(2020 카카오)
20191104-약수의 합
20191105-Toggle side nav / Scrolling goto top
20191106-Counter
20191107-Stop Watch
20191108-Analog Clock
20191109-Popup UI
20191111-올바른 괄호
20191112-Tabs UI
20191113-TodoList XHR 분리
20191114-TodoList XHR 결합
20191115-TodoList XHR Promise
20191118-TodoList Fetch
20191120-TodoList Axios
20191122-TodoList Async/Await
20191126-위장
20191127-정수 제곱근 판별
20191203-문자열 압축(2020 카카오)
20191204-정수 내림차순으로 배치하기
20191205-문자열 다루기 기본
20191206-시저암호
20191207-문자열을 정수로 바꾸기
20191209-자릿수 더하기
20191210-다트게임(2018 카카오)
20191211-제일 작은 수 제거하기
20191212-직사각형 별찍기 ,자연수 뒤집어 배열로 만들기
20191213-이상한 문자열 만들기
20191214-비밀지도(2018 카카오)
20191216-행렬의 덧셈
20191217-폰켓몬
20191218-짝수와 홀수 / 평균 구하기
20191219-탑
20191220-하샤드 수
20191221-핸드폰 번호 가리기
20191224-최대공약수와 최소공배수
20191230-큰 수 만들기
TEAM : limrim 쇼핑몰 사이트 클론
Tada 사이트 클론 - 모바일
TodoList XHR 분리
TodoList XHR 결합
TodoList XHR Promise
TodoList Fetch
TodoList Axios
TodoList Async/Await
TEAM : Carrot And Stick - GitHub Commit 독려 애플리케이션
Youtube Mini Clone no Route
Todo List V1 : Class Component
Todo List V2 : Hook
Grid Mini Project : useReducer, CustomHook, useCallback
TEAM : Carrot And Stick - GitHub Commit 독려 애플리케이션 Ver. React
Books Review - 개발 서적 평가 서비스
TEAM : SkyPrinter - SkyScanner Live Search Clone
구현사이트 바로가기~~ : 2020년 4월부터 SkyScanner 측에서 API 제공을 멈췄습니다. 따라서 배포를 중지합니다.
자연스럽게 노드 버전 변경하기