본문 바로가기

프론트엔드/React.js

 (12)
JSX React를 사용할 때는 html보다 JSX를 많이 사용합니다. JSX(Javascript syntax extension)는 자바스크립트의 확장 문법입니다. JSX를 이용하면 UI를 나타낼 때 자바스크립트(logic)와 HTML구조(markup)를 같이 사용할 수 있기 때문에 기본 UI에 데이터가 변하는 것들이나 이벤트들이 처리되는 부분을 더욱 쉽게 구현할 수 있습니다. JSX를 사용하면서 주의해야 할 문법들(문법 규칙) JSX는 컴포넌트에 여러 엘리먼트 요소가 있다면 반드시 부모 요소 하나로 감싸줘야 합니다. Props를 통해 컴포넌트 간 데이터 전달하기 this.props.데이터 이름 을 통해 불러옵니다. Key 속성 이해하기 React에서 요소의 list를 나열할 때는 Key를 넣어줘야 합니다. K..
React 기본 배우기 React란 무엇인가요? React는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. React는 인터렉션이 많은 웹 앱을 개발하기 위해서 주로 사용됩니다. 그러기에 이러한 웹 앱을 만드는 다른 Tool인 Vue나 Angualar와 많이 비교를 하게 됩니다. Angualar와 Vue는 프레임워크이며 React는 라이브러리입니다. Framework vs Library Framework는 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있는 것입니다. Library는 어떻나 특정 기능을 모듈화 해놓은 것입니다. React를 사용하는 이유 - 상대적으로 배우기 쉬운 라이브러리 - 여러 기능들을 위해 이미 만들어져 있는 라이브러리 환경 - 많은 기업들의 사용으로 검증이 된 라이브러리(..

티스토리툴바