Category

javascript

모듈

3 분 소요

export/import가 리액트 전용이 아니었다니..!

에러 처리

4 분 소요

적절하게 에러를 처리해서 프로그램 강제종료를 방지하자!

프로미스

8 분 소요

콜백 헬을 해결하자!

REST API

최대 1 분 소요

구성과 설계 원칙

Ajax

1 분 소요

비동기 통신 옛날 방식..!

타이머

3 분 소요

호출 예약을 해보고 취소도 해보자!

이벤트

14 분 소요

이벤트로 사용자와 상호작용하는 앱을 만들자!

DOM

29 분 소요

노드와 돔!!

Set과 Map

8 분 소요

써볼 기회가 생기겠지..?

이터러블

4 분 소요

이터러블, 이터레이터, 이터레이터 프로토콜?

String

9 분 소요

string 프로퍼티랑 메서드 잘 알고 있지?

RegExp

10 분 소요

정규 표현식, 자주 쓰면서 익히자~

Date

2 분 소요

Date 생성자 함수와 메서드를 알아보자!

Math

1 분 소요

Math 프로퍼티와 메서드를 알아보자!

Number

2 분 소요

Number 프로퍼티와 메서드를 알아보자!

배열

17 분 소요

원본 배열을 직접 변경하는 메서드와 원본 배열을 직접 변경하지 않고 새로운 배열을 생성하여 반환하는 메서드가 있다!

클래스

19 분 소요

제 손으로 클래스를 작성해본 적이 없는데요..

클로저

7 분 소요

원칙적으로는 다 클로저인데 누구는 클로저고 누구는 클로저가 아니고

this

7 분 소요

클래스랑 자주 같이 씁니다요

strict mode

3 분 소요

ESLint랑 비슷해요!

prototype

20 분 소요

프로토타입은 유전자다!

스코프

2 분 소요

스코프와 스코프의 종류, 스코프 체인에 대해 알아보자!

함수

12 분 소요

함수를 정의하고 호출하고 종류도 알아보자!

제어문

2 분 소요

조건문과 반복문!

연산자

7 분 소요

여러 가지 연산자와 사용법에 대해 알아보자!

데이터 타입

4 분 소요

값의 종류와 동적 타이핑에 대해 알아보자!

표현식과 문

3 분 소요

차이를 설명해보라고 하면 당황하는 것..ㅎ

변수(variables)

5 분 소요

변수가 무엇인지, 왜, 어떻게 사용하는지 알아보자!

이벤트 버블링

1 분 소요

target과 currentTarget의 차이를 알고 사용해보자!

맨 위로 이동 ↑

react

React.memo

4 분 소요

prop check를 통해 자식 컴포넌트를 제한적으로 렌더링해주자!

useReducer

10 분 소요

useState 말고 useReducer로 스테이트를 생성하고 관리해보자!

useCallback

5 분 소요

메모이제이션을 통해 컴포넌트 최적화를 해보자!(2)

useMemo

5 분 소요

메모이제이션을 통해 컴포넌트 최적화를 해보자!(1)

useContext

5 분 소요

전역에서 필요한 데이터를 props 없이 주고 받는 방법

useRef

7 분 소요

불필요한 렌더를 막자!

useEffect

3 분 소요

덕분에 클래스 컴포넌트에서 함수형 컴포넌트로 간다~

useState

3 분 소요

컴포넌트의 상태를 생성하고 업데이트 해보자!

react-hook-form과 yup

3 분 소요

react-hook-form과 yup을 사용해서 폼을 관리하고 유효성 검사까지 끝내버리자!

무한 스크롤

1 분 소요

페이지 처리의 또 다른 방식인 무한 스크롤을 사용해보자!

페이지네이션

3 분 소요

페이지네이션을 구현해보고, 스테이트 끌어올리기를 통해 공통 컴포넌트로 만들어보자!

State와 Prev

1 분 소요

prev가 언제, 어떻게 사용되는지 알아보자!

맨 위로 이동 ↑

startup

맨 위로 이동 ↑

network

HTTP 통신과 API

2 분 소요

프론트엔드 개발자는 예쁜 것만 만들면 되는 줄 알았지…

맨 위로 이동 ↑

next

맨 위로 이동 ↑

typescript

맨 위로 이동 ↑