도룩이의 개발일기

리액트 기본 개념 정리 JSX JavaScript XML 줄임말 컨테이너 element에 포함시켜야 함.-> 항시 태그를 묶어준다. javascript 변수를 사용할 때는 {} 중괄호를 이용해 사용해야 한다. 스타일 설정할때는 camelCase로 처리해야된다. 주석을 사용할 때는 { /.../ } props(프로퍼티) & state(스테이트) props: 컴포넌트 내부의 불변 데이터 ( 컴포넌트를 외부에서 조작할 때 사용된다. ) 프로퍼티는 상위 컴포넌트에서 하위 컴포넌트로 전달할 때 사용하는 데이터 props는 컴포넌트 내부에서 값을 변경할 수 없다. 예를 들어, App 클래스내에 MyComponent를 포함하고 있으면, App > MyComponent 방향으로 전달됨. class App extends..

1. React? React는 페이스북에서 개발한 유저인터페이스 라이브러리로서 개발자로 하여금 재사용 가능한 UI를 생성 할 수 있게 해줍니다. 이 라이브러리는 현재 페이스북, 인스타그램, 야후, 넷플릭스를 포함한 많은 큰 서비스에서 사용되고 있습니다. 이 라이브러리는** Virtual DOM** 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링합니다. 따라서, 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해줍니다. React를 왜 사용하는가? 1. 사용자 경험이 좋아짐 (가독성) (웹에서 앱과 같은 사용자 경험) 2. 재사용 컴포넌트(유지보수) - 중복되는 요소들을 하나로 묶어줘 유지보수가 좋다. 3. 재사용 컴퍼넌트(재사용성) - 데이터와 화면의 일치 1-2. ..