# 리액트를 다루는 기술

19개의 포스트

[리액트를 다루는 기술] 12장 - immer를 사용하여 더 쉽게 불변성 유지하기

전개연산자와 Rest Parameter 되짚어보기 / immer 사용법 / useState의 함수형 업데이트와 immer 함께쓰기

2020년 4월 15일
·
0개의 댓글
post-thumbnail

[리액트를 다루는 기술] 7장 - 라이프사이클 메서드

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다. 모든 리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재한다.

2020년 4월 5일
·
0개의 댓글
post-thumbnail

[리액트를 다루는 기술] 6장 - 컴포넌트 반복

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다.웹 애플리케이션을 만들다 보면 반복되는 코드를 작성할 때가 있다. 이 장에서는 리액트 프로젝트에서 반복적인 애용을 효율적으로 보여주고 관리하는 방법을 알아본다.자바스크립트 배열 객체의

2020년 4월 3일
·
0개의 댓글
post-thumbnail

[리액트를 다루는 기술] 5장 - ref: DOM에 이름 달기

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다. 일반 HTML에서 DOM 요소에 이름을 달 때 id를 사용한다.

2020년 4월 2일
·
0개의 댓글
post-thumbnail

[리액트를 다루는 기술] 4장 - 이벤트 핸들링

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다. 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트(event)라고 한다.

2020년 3월 31일
·
0개의 댓글
post-thumbnail

[리액트를 다루는 기술] 3장 - Component

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다.리액트 애플리케이션의 인터페이스는 여러 가지 컴포넌트로 구성되어 있다. 리액트에서 컴포넌트는단순한 템플릿 이상의 기능을 수행한다. 데이터에 따라 UI를 만들어주고, 라이프사이클 API

2020년 3월 30일
·
0개의 댓글
post-thumbnail

[리액트를 다루는 기술] 2장 - JSX

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다. 개발 환경 설정을 운영체제에 맞게 잘 설치한 이후 아래의 코드로 리액트 프로젝트를 생성할 수 있다.

2020년 3월 24일
·
0개의 댓글
post-thumbnail

[리액트를 다루는 기술] 1장 - 리액트 시작

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다. JS만으로 규모가 큰 애플리케이션을 만들 수 있는 시대이다. 규모가 큰 애플리케이션을 관리하기 위해 만들어진 수많은 프레임워크들이 있다.

2020년 3월 23일
·
0개의 댓글

# [리액트를 다루는 기술] 8장 - Hooks (하)

useCallback / useMemo와 useCallback의 차이점 / useRef / 커스텀 Hooks 만들기 / 다양한 Hooks / 정리

2020년 3월 15일
·
0개의 댓글

[리액트를 다루는 기술] 7장 - 컴포넌트의 라이프사이클 메서드

라이프사이클 메서드의 이해 / 라이프사이클 메서드 살펴보기 / 실습

2020년 2월 8일
·
2개의 댓글

[리액트를 다루는 기술] 6장 - 컴포넌트 반복

자바스크립트 map() 함수 / 데이터 배열을 컴포넌트 배열로 변환하기 / key

2020년 2월 5일
·
0개의 댓글

[리액트를 다루는 기술] 5장 - ref: DOM에 이름달기

ref는 어떤 상황에서 사용해야 할까? / ref 사용방법 2가지 / 컴포넌트에 ref 달기

2020년 1월 30일
·
0개의 댓글

[리액트를 다루는 기술] 4장 - 이벤트 핸들링

리액트의 이벤트 시스템 / 예제로 이벤트 핸들링 익히기 / 함수형 컴포넌트로 구현해 보기

2020년 1월 28일
·
0개의 댓글

[리액트를 다루는 기술] 3장 - 컴포넌트

클래스형 컴포넌트 / 첫 컴포넌트 생성 / props / state / state 사용시 주의사항

2020년 1월 28일
·
0개의 댓글

[리액트를 다루는 기술] 2장 - JSX

코드 이해하기 / JSX란? / JSX 문법 / ESLint와 Prettier

2020년 1월 28일
·
0개의 댓글

[리액트를 다루는 기술] 1장 - 리액트 시작

왜 리액트인가 / 리액트의 특징 / 작업환경 / 아 어렵다

2020년 1월 28일
·
0개의 댓글

[리액트를 다루는 기술] 학습 1 일차

1장 왜 리액트인가? 템플릿과 컴포넌트 템플릿은 주어진 데이터 셋을 바탕으로 HTML 태그 형식을 문자열로 반환하는 것 컴포넌트는 해당 컴포넌트의 생김새와 작동 방식을 정의하는 것 초기 렌더링과 리렌더링 렌더링은 해당 컴포넌트의 뷰와 이벤트에 대한 정보를 가지고 있는 객체를 반환하며 컴포넌트 내부의 컴포넌트는 재귀적으로 렌더링 된다. D...

2020년 1월 20일
·
0개의 댓글
post-thumbnail

리액트를 다루는 기술 개정판 출간 - 무엇이 달라졌을까?

안녕하세요! 리액트를 다루는 기술의 개정판이 출간되었습니다. 초판은 한동안 절판이 되어서 구매가 불가능했는데요..! 이제 드디어 개정판을 읽어보실 수 있게 되었습니다. 현재 yes24 에서 예약판매중 입니다 (링크) 이 포스트에서는 개정판에서 어떤 내용이 바뀌었는지 알아보도록 하겠습니다. - 리액트를 다루는 기술 개정판이 만들어지면서, 내용들이...

2019년 8월 26일
·
15개의 댓글