React (11) 썸네일형 리스트형 TIL no.26 - [React 2탄] Component & JSX 리액트의 가장 큰 장점에 대해서 이야기하자면 규모가 커지고 다양한 UI를 구현하게 되면서 유지보수하기 힘들어진 코드를 관리하기 편하게 만들어졌습니다 ! 이 가장 큰 장점은 바로 Component라는 재활용 가능한 UI 구성 단위 때문입니다. 바로바로 Component가 React에서 얼마나 중요한 요소인 지를 알려주는 대목입니다. 그럼 한번 정리해보도록 하겠습니다 ! - Component 종류 Class Component : stateful 함수라고 불리며 Component 내부에 state를 가지며 라이프사이클이 있는 컴포넌트입니다. 최근에 functuinal Component가 등장했으며 Class Component로만 Component를 만들면 성능이 악화될 수도 있습니다. import React .. TIL no.24 - CRA 무엇인가, 어떻게 ? 지난 블로그 편에서 작성했던 리액트 정리에서 다루었던 CRA 에 대해서 간단하게 정리해보려고 합니다 ! CRA (Create-React-App) UI 기능만을 제공하는 리액트는 이와 같은 이유때문에 프레임워크가 아닌 라이브러리로 정의되고 있습니다. 따라서 개발자가 직접 구축해야 하는 것이 많아 처음 시작하는 개발자에게 초기 설정이 어렵게 다가올 수도 있습니다. 리액트에서 이러한 어려움을 해결하기 위해 CRA 라는 것이 생겨났습니다. CRA는 리액트로 웹 애플리케이션을 만들기 위한 환경을 제공하며 이것을 이용한 명령어 하나로 리액트의 개발환경을 구축할 수 있습니다. 리액트 초기설정 시 기초적으로 필요한 환경을 제공해주고 후에 새로운 기능을 추가했을 때 새로운 패키지 버전만 업데이트 해주면 됩니다. CRA .. TIL no.22 - [React 1탄] Why React ?! html, css, javascript로 적은 양을 만들 때는 쉽고 재밌다고 생각했는데 점점 데이터 양이 많은 것을 만들게 되면서 react를 배워야겠다는 생각이 들었습니다. 웹의 복잡도가 높아지면서 생겨난 react라는 것의 편리함을 함께 느껴봅시다. Why React ? Vue, Angular 가 아닌 React를 먼저 배우게 된 이유는, 다른 프레임워크에 비해 사용자가 많아 생태계가 활성화 되어 있으며 접근성이 보다 쉽기 때문에 선택하게 되었습니다. What is React ? 리액트는 UI (User Interface) 를 만들기 위한 JavaScript Library입니다. 웹의 점점 더 복잡해지면서 DOM에 접근하여 JavaScript만을 통해 동적으로 구현하기란 다소 어려워졌습니다. 규모가.. 이전 1 2 다음
