TIL

Today I Leaned...

HTML&CSS

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 선택자 정리

linux

20190902-study-termianl

20190902-start-git

20190930-linux-study01

20190930-linux-study02

20190930-linux-IORedirection

20191001-linux-study03

20191128-linux-study04

JavaScript

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-코어 자바스크립트 세미나

JavaScript Stack Tip

VSC-환경셋팅

VSCode Debugger for Chrome

Git-branch 및 협업

ESLint

웹 브라우저 동작 원리

메소드 정리 - 정리중

배열 메소드

배열 고차 함수

정규 표현식

Number 래퍼 객체

Math 객체

Date 객체

String 객체

DOM

이벤트

비동기 처리 모델 , Ajax

REST API

Promise

Module

Symbol

iteration

JavaScript 예습

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

JavaScript 테스트 오답 및 재정리

1. 테스트 오답

2. 2주차 시험 정리

3. 3주차 시험 정리

4. 모의면접 정리

React

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 (Velopert님 강의)

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

React 공식문서

주요개념 : JSX 소개

주요개념 : 엘리먼트(요소) 렌더링

주요개념 : Components and Props

주요개념 : State and Lifecycle

주요개념 : 이벤트 처리하기

주요개념 : 조건부 렌더링

주요개념 : 리스트와 Key

주요개념 : 폼

주요개념 : State 끌어올리기

주요개념 : 합성(Composition) vs 상속(Inheritance)

주요개념 : React로 사고하기

Graph QL

GraphQL Query & Mutation

GraphQL Schema & Type

Type Script

TypeScript 문법 공부 - 01

TypeScript 문법 공부 - 02

React에서 TypeScript 사용하기

TypeScript 기초 연습하기 (셋팅, 기본 타입, 함수 타입, 인터페이스)

TypeScript 기초 연습하기 (타입 별명, 제네릭)

리액트 컴포넌트 타입스크립트로 작성하기

타입스크립트로 리액트 Hooks 사용하기 (useState, useReducer, useRef)

Mobx

Mobx 개념 잡기

Mobx 카운터 실습

React Hooks + Mobx -슈퍼마켓 예제-

React Hooks + Mobx + TS -슈퍼마켓 예제-

Recoil

Recoil 개념 잡기

Algorithm & Quiz

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-큰 수 만들기

Project

html & CSS

TEAM : limrim 쇼핑몰 사이트 클론

Tada 사이트 클론 - 모바일

JavaScript

TodoList XHR 분리

TodoList XHR 결합

TodoList XHR Promise

TodoList Fetch

TodoList Axios

TodoList Async/Await

TEAM : Carrot And Stick - GitHub Commit 독려 애플리케이션

React

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 - 개발 서적 평가 서비스

• Develop 1 - 라우팅 설정하기
• Develop 2 - 로그인 화면 디자인
• Develop 3 - Redux 적용하기
• Develop 4 - 미들웨어 추가하기 : Redux Thunk
• Develop 5 - 미들웨어 추가하기 : Redux Saga
• Develop 6 - 프로젝트 마무리
• 구현사이트 바로가기 - 해당사이트는 API가 Personal로 관리되어 ID/PW가 별도로 필요합니다.
  • 사이트 회원가입이 별도로 안되므로 iasg2004@naver.com 로 메일 주시거나 혹은 issue로 코멘트를 달아주시면 둘러보실수 있는 ID/PW를 드리겠습니다.

TEAM : SkyPrinter - SkyScanner Live Search Clone

구현사이트 바로가기~~ : 2020년 4월부터 SkyScanner 측에서 API 제공을 멈췄습니다. 따라서 배포를 중지합니다.

• RapidAPISkyscanner-API-Documentation
• Mainpage-Documentation & Use cases
• SearchBox
• ErrorBox
• CreateSession
• ProgressBar
• FilterArea

TIP

자연스럽게 노드 버전 변경하기