-
React - Rendering part1 클래스 컴포넌트의 생명주기 (Class Component Life Cycle)
1. Class Component Life Cycle 우리는 지난 포스팅에서 Component의 종류가 두가지가 있다는 것을 배웠다. Class Component와 Functional Component 주로 Functional Component를 사용하겠지만, Class Component를 언제 만날지 모르니 둘 다 학습을 해야하겠지? 이번 포스팅에서는 Class Cmponent Life Cycle에 대해서 서술해보고자 한다. Life Cycle은 라이프사이클 즉 생명주기라고도 하는데 개발을 좀 해본 개발자들이라면...
-
React - Vite란 무엇인가
Vite란 무엇인가 기존에 React를 사용하는 사람들은 Create React App(CRA)을 이용하여 웹 어플리케이션을 만들곤 했다. CRA를 패키징 하기 위해선 Wegpack을 사용했는데, 처리해야 할 코드들이 많아 질수록 좀 더 빠른 빌드 도구가 필요함이 생긴 것이다. 그렇게 나온게 Esbuild 기반으로 만들어진 Vite이다. Esbuild는 Go 언어로 작성된 javasScript 빌드 툴이라고 알고 넘어가자 그렇다면 Vite는...
-
React - Class Component VS Functional Component
뭐 요즘은 잘안쓴다고 하긴 하는데 그래도 개발자들은 언젠가 사용할 일이 있다.. 그리고 왜 안쓰는지에 대해 젱리 쉽게 아는 방법은 실제 써봐야지. 일단 Vite로 구성해뒀던 React Project에 테스트를 해보자! test.jsx import React from "react"; function test(){ return ( <div>test입니다 </div> ); } export default test; testcase.jsx import React from "react"; function...
