profile
머쓱이를 좋아합니다 😃

[React] 컴포넌트 생명주기 메서드

리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재한다.컴포넌트의 수명은 페이지에 렌더링되기 전인 준비과정에서 시작하여 페이지에서 사라질 때끝난다.컴포넌트를 처음으로 렌더링 할 때, 어떤 작업을 처리해야하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도

2021년 8월 28일
·
0개의 댓글

[React] 컴포넌트 반복

리액트 프로젝트에서 반복적인 내용을 효율적으로 보여 주고 관리하는 방법을 알아본다.개념책 리액트를 다루는 기술 를 기반으로 작성하였습니다.

2021년 8월 27일
·
0개의 댓글

[React] ref: DOM에 이름 달기

HTML에서 id 나 class 를 사용하여 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법이 있다. 그것이 ref(reference 의 줄임말) 이다.리액트 컴포넌트 안에서는 id 를 사용하면 안되는가 ?콜백 함수를 통한 ref 설정c

2021년 8월 27일
·
0개의 댓글

[React] Event Handling

사용자가 웹 브라우저에서 DOM 요소들과 상호 작업하는 것을 이벤트(Event) 라고 한다.리액트에서는 순수 HTML - Javascript 의 이벤트 핸들링 방식과 조금은 다른 방식으로 동작한다. 리액트에서의 Event Handling 에 대해 살펴본다.개념책 리액

2021년 8월 27일
·
0개의 댓글

[React] Component

React 에서 Component 를 사용하는 방법에는 크게 1. Class Component, 2. Functional Component 가 존재하는 것은 알고 있을 것이다.이번 포스팅에서는 주로 사용하던 Functional Component 에서보다 Class Co

2021년 8월 27일
·
0개의 댓글

[React] JSX

React 는 자바스크립트 라이브러리이나, 기본적으로 사용하는데 있어서 이 라이브러리만의 문법이 존재한다.자바스크립트 확장 문법이며 XML과 매우 비슷하게 생겼다.JSX 형식으로 작성한 코드는 \*\*브라우저에서 실행되기 전에 코드가 번들링(Bundling) 되는 과정

2021년 8월 26일
·
0개의 댓글

[React] 리액트는 왜 사용하는가 ?

이전까지 React를 단지 Javascript 로 프론트엔드 개발을 하는데 사용하는 라이브러리이고, 이를 통해 구현하는데 필요한 사용법만 알고, 빈 깡통을 들여다보는 느낌으로 다뤘던 것을 반성하며, React 란 무엇인지, 기본기부터 지나쳤던 개념들을 상기시키는 목적으

2021년 8월 26일
·
0개의 댓글