React 2

StoryBook

컴포넌트 주도 개발(Component-Driven-Development) 컴포넌트를 모듈 단위로 개발하여 사용자 인터페이스 구축에 도달하는 개발 및 설계 방법론 기본적인 컴포넌트 단위부터 시작해서 UI view를 구성하기 위해 점진적으로 조립해가는 상향적 특징을 가지고 있다. 장점 디자인 체계화, 디자이너와 효율적인 협업 재사용성: 다른 프로젝트에서도 쉽게 쓰고 공유 가능 Decoupling: CSS, JS, I18n, UI 단위 테스트 등 UI 패턴이 3회 이상 사용되는 경우. 재사용 가능한 UI 컴포넌트로 간주한다. UI 컴포넌트가 3개 이상의 프로젝트/팀에서 사용되는 경우, 디자인 시스템에 포함시킨다. install npx -p @storybook/cli sb init npm run storyboo..

FRONT-END/REACTJS 2022.03.05

리액트 시작

리액트? 리액트는 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용 타 프레임워크가 MVC, MVVM, MVW 아키텍처 구조를 가지는 한편 리액트는 오직 V만 신경씀 컴포넌트 리액트 프로젝트에서 특정 부분이 어떻게 생길지를 정하는 선언체 다른 프레임워크에서 사용자 인터페이스를 다룰 때 사용하는 템플릿과는 다른 개념 템플릿이 보통 데이터셋이 주어지면 HTML 태그 형식을 문자열로 반환하는데 이와달리 컴포넌트는 좀 더 복잡한 개념 컴포넌트는 재사용이 가능한 API로 수많은 기능들을 내장하고 있으며 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의 렌더링 사용자 화면에 뷰를 보여주는 것을 렌더링이라고 함 초기 렌더링 어떤 UI 관련 프레임워크, 라이브러리를 사용하든 맨 처음 어떻게 보일지를..

FRONT-END/REACTJS 2021.12.17
1