전체 글

JSX는 자바스크립트 파일 안에서 HTML과 같은 마크업을 사용할 수 있도록 만들어주는 자바스크립트 문법 확장자예요. 컴포넌트를 작성하는 많은 방법들이 있음에도 불구하고 대부분의 리액트 개발자들은 JSX의 간결함을 좋아하고 많은 코드베이스가 이를 사용해요. 이 페이지에서는 - 왜 리액트가 렌더링 로직을 마크업과 함께 사용하는지 - JSX는 HTML과 어떻게 다른지 - JSX로 정보를 어떻게 보여주는지 를 알아볼 거예요. JSX: Putting markup into JavaScript | JSX: 자바스크립트에 마크업 넣기 웹은 HTML, CSS 그리고 자바스크립트로 만들어져요. 수년동안 웹 개발자들은 보통 분리된 파일로 HTML로 콘텐츠를 만들고, CSS로 디자일을 하고, 자바스크립트로 로직을 만들었어요..

컴포넌트의 마법은 재사용성에 있어요. 여러분은 다른 컴포넌트들로 구성된 컴포넌트를 생성할 수 있어요. 그러나 컴포넌트를 중첩하면 할수록 다른 파일로 그들을 분리하는 것이 좋아요. 파일을 분리하는 것은 코드를 스캔하기 쉽고 많은 곳에서 컴포넌트를 재사용하도록 만들어줘요. 이 페이지에서는 - 루트 컴포넌트 파일이 무엇인지 - 컴포넌트를 어떻게 불러오고(임포트하고) 내보내는지(익스포트하는지) - 디폴트(default)와 이름이 있는 불러오기와 내보내기는 각각 언제 사용하는지 - 어떻게 한 파일에서 여러 개의 컴포넌트를 불러오고 내보내는지 - 어떻게 컴포넌트를 여러개의 파일로 분리하는지 를 알아볼 거예요. The root component file | 루트 컴포넌트 파일 여러분의 첫 컴포넌트에서 아래와 같이 렌..

컴포넌트는 리액트의 중요한 콘셉트 중 하나예요. 컴포넌트는 사용자 인터페이스(UI)의 기초이기 때문에 리액트로의 여행을 시작하기 위한 최적의 장소예요. 이 페이지에서는 - 컴포넌트가 무엇인지 - 리액트 어플리케이션에서 컴포넌트가 어떤 역할을 수행하는지 - 첫 리액트 컴포넌트를 어떻게 작성하는지 를 알아볼 거예요. Components: UI building blocks | 컴포넌트: UI를 빌드하는 블록 웹에서 HTML은 이나 와 같이 내장된 태그로 풍부하고 구조화된 코드를 작성할 수 있어요. My First Component Components: UI Building Blocks Defining a Component Using a Component 이 마크업은 아티클인 , 헤딩인 그리고 (요약된) 목록을..