[React] 리액트의 생명 주기
2020. 11. 15. 22:03
Front-End/React
* 본 게시글은 이 링크를 참고해서 만들어졌습니다. React의 생명 주기를 알아야 하는 이유는? 안드로이드에도 라이프 사이클이 있듯이, 리액트의 컴포넌트에도 생명주기가 있습니다. 앞서 리액트를 공부하셨던 분들이라면, 리액트의 큰 특징 중 하나가 컴포넌트 기반이라는 것을 아실겁니다. 컴포넌트 기반의 프로그래밍이니, 그 컴포넌트의 생명주기를 알아야겠죠. 대표적인 사례는 다음과 같습니다. "컴포넌트가 만들어지자마자 특정 state를 변경하고 싶어. 이럴 땐 어디에 코드를 넣어야 하지?..." 충분히 발생할 수 있는 상황이죠? 이럴 때, 컴포넌트의 생명주기를 알고 있다면, 어디에 코드를 삽입해야 할지 정확히 알 수 있습니다. React의 생명 주기 리액트의 생명 주기를 간략하게 표현한 그림은 아래와 같습니다...
[React] 리액트란 무엇인가? (개념/설치)
2020. 11. 15. 17:50
Front-End/React
* 본 게시글은 이 링크를 참고하여 만들었습니다. React란? 리액트는 페이스북이 만든, 사용자 UI 구축을 위한 라이브러리입니다. 아마, 리액트에 대해서 슬쩍 들어보셨던 분들이라면 '리액트는 프레임워크 아니었어? 뷰나 앵귤러는 프레임워크던데...' 라는 생각을 가지실 수도 있을 것 같아요. 하지만 엄연히, 리액트는 라이브러리가 맞습니다. 다만, 개발자들이 리액트에 필요한 여러 가지 기능들을 추가해놨기 때문에, 사실상 프레임워크에 '가깝다' 라고 말하는 것이죠. React의 대표적인 특징 1. JSX 문법 리액트는 JSX 문법을 사용하는 것이 특징입니다. JSX가 뭐냐구요? 이는, 자바스크립트 안에서 HTML 문법을 사용해서 View를 구성할 수 있게 도와주는 자바스크립트 문법입니다. JSX 문법을 사..