목록react (3)
web sprit

React 컴포넌트란?**UI의 작은 조각(블록)**이야. HTML의 같은 요소가 아니라, “화면에서 어떤 역할(버튼, 카드, 리스트, 모달 등)을 하는 코드 단위” 입니다.레고 블록처럼 조합해서 큰 UI를 만든다고 생각하면 쉽습니다. 각각의 컴포넌트는 **자기 책임(책임 단위: 한 가지 역할)**을 갖는 게 좋습니다.React에서는 보통 함수형 컴포넌트를 사용합니다. 그냥 함수인데, JSX(HTML처럼 보이는 문법)를 반환하면 그게 컴포넌트가 됩니다.// hello.jsfunction Hello() { return 안녕!;}export default Hello; 컴포넌트 주의할점이름은 대문자로 시작 → HTML 태그로 인식됨. → React 컴포넌트로 인식됨.하나의 컴포넌트는 하나의 JSX 요소만 ..

import 방법은 여러가지가 있지만 크게 두가지로 나누면 Named Import, Default Import 방법이 있습니다. 먼저 import 작성을 보면 이런식으로 3가지 방식으로 가져오는걸 본적이 있으실 겁니다. import 컴포넌트0 from './component.js'; import { 컴포넌트1, 컴포넌트2 } from './component.js'; import 컴포넌트0, { 컴포넌트1, 컴포넌트2 } from './component.js'; 왜 다 같은 컴포넌트인데 어떤건 대괄호 안에 넣어서 부르고 어떤건 그냥 써서 불러오고 하는걸까요? 아래의 Named Import, Default Import 보시면 왜 이렇게 불러오시는지 이해가 되실겁니다. 그밖의 나머지 불러오는 형식도 정리해 보..

퍼블리셔가 리액트 프록젝트에 참여하기 위해 필수로 알아야하는 스터디 목록을 정리하려 합니다.순차적으로 진행되는 스터디 목록은 이곳에 정리하여 나중에 확인하고 활용할 수 있도록 하겠습니다.[React] import 사용법 [React] import 사용법import 방법은 여러가지가 있지만 크게 두가지로 나누면 Named Import, Default Import 방법이 있습니다. 먼저 import 작성을 보면 이런식으로 3가지 방식으로 가져오는걸 본적이 있으실 겁니다. import 컴포kcmschool.com [React] 컴포넌트 개념 (Component)[React] JSX (JavaScript XML)[React] 스타일을 적용하는 여러가지 방법 (cin-line 스타일, CSS 모듈, styled-..