본문 바로가기

개발3

[React] function 컴포넌트 vs class컴포넌트 [React] function 컴포넌트 vs class컴포넌트 리액트에는 함수형 컴포넌트와 클래스형 컴포넌트 두 가지의 컴포넌트 선언 방식이 존재한다. 리액트의 컴포넌트는 단순한 템플릿이 아닌, 라이프 사이클 API를 통해 이벤트에 따른 작업 수행과 더불어 주어진 데이터에 맞춰 UI를 만들어주는 기능을 포함하고 있다. 클래스형 컴포넌트 클래스형 컴포넌트는 component lifecycle에 정의된 메소드(componentWillMount(), componentDidMount() 등)을 이용해 각 순서에 따라 특정한 동작을 수행하도록 할 수 있다. 함수형 컴포넌트 과거에는 클래스형 컴포넌트를 주로 사용했으나 16.8v부터 Hooks의 지원으로 함수형 컴포넌트의 사용이 늘었고 공식문서에서도 함수형 컴포넌트와 훅을 함께 사용하길 권장하고 있기 때문에 create-rea.. 2021. 2. 15.
[React] 신규 프로젝트 시작 [React] 신규 프로젝트 시작 Create React App은 별도의 구성 없이 최신 빌드 설정을 제공하는 공식 Single-page 리액트 애플리케이션(SPA) 생성 방식을 지원한다. 이미 webpack, Babel 등의 도구가 구성된 상태로 숨겨져있기 때문에 이를 추가로 설치 또는 구성할 필요 또한 없다. Quick Start - Create React App npx npx create-react-app 프로젝트 폴더명 npx는 npm 5.2 이상 버전의 패키지 실행도구로 가장 최신 버전을 지원한다. npm npm init react-app 프로젝트 폴더명 npm 6 버전 이상에서 npm init 을 지원한다. Yarn yarn create react-app 프로젝트 폴더명 yarn 0.25 버전 이상에서 yarn create 를.. 2021. 2. 15.
[TypeScript] 타입스크립트란 무엇인가 [TypeScript] 타입스크립트란 무엇인가 소개 타입스크립트란 Microsoft사에서 개발한 언어로 자바스크립트 기반의 오픈소스 언어이다. 자바스크립트에 타입을 부여한 것으로 보면 된다. 타입스크립트는 자바스크립트, ECMAScript3, ECMAScript5, ECMAScript6를 모두 지원하고, Microsoft 팀은 ECMAScript 표준에 따라 TypeScirpt Compiler를 계속해서 개선해 커밋하고 있다. 처음 출시 당시에는 Windows 이외의 다른 개발 환경에 대한 지원이 부족해서 인기가 적었으나 현재는 모든 브라우저, 모든 OS, 자바스크립트가 허용되는 모든 곳에서 사용이 가능하며 Angular에서 이 언어를 메인으로 채택할 정도로 앞서나가고 있다고 볼 수 있다. 사용 이유 자바스크립트만으로도 충분히 개발이 가능하고 이미 .. 2021. 2. 4.
반응형

티스토리툴바