본문 바로가기

리액트

(2)

[ React ] React Props 알아보기. React를 처음 시작하는 사람들 또는 React의 경험이 많지 않은 사람들에게 비슷해보여서 어렵게 느껴질 수 있는 React Props와 React State에 대해 차이점에 대한 포스팅을 하려고 했지만 React의 Props를 먼저 이해해야 state에 대해 이해하기 더욱 쉬울 것 같아, props에 대해 먼저 알아보려 한다. props와 state는 React의 클래스 컴포넌트와 함수 컴포넌트에서 모두 사용된다. Props React에서 props란 "properties"의 줄임말로, 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달하기 위한 방법으로, 부모 컴포넌트에서 자식 컴포넌트에게 전달하는 데이터는 props라는 객체 형태로 전달되며, 자식 컴포넌트는 이 props 객체를 통해 데이터에 접근할..

[ webpack ] React(리액트)와 webpack(웹팩) React.js를 사용하거나, 다른 라이브러리 혹은 프레임워크를 사용하다보면 항상 webpack과 같은 모듈 번들러 툴을 사용하게 된다. 웹팩 공식 사이트에서 소개하는 컨셉은 현대 자바스크립트 응용 프로그램을 위한 정적 모듈 번들러라고 말한다. 모듈 번들러는 여러 다른 파일들(JavaScript, LESS, CSS, JSX, ESNext 등)을 받아서 하나의 파일로 묶어준다. 이렇게 여러 다른 파일들을 받아 하나의 파일로 묶어주어 생기는 이점은 크게 모듈성과 네트워크 성능이 있는데, 모듈성은 소스 코드를 작업하기 쉽게 여러 부분이나 모듈로 나눠서 다룰수 있게 해주어 팀 작업등의 협업에 유리하다. 또 네트워크 성능의 측면에서는 의존 관계가 있는 여러 파일을 묶은 번들을 브라우저가 1번만 읽기 때문에 네트워..

이전 1 다음

티스토리툴바