안녕하세요 여러분 홍지아입니다.
오늘은 React의 기본에 대해 설명하겠습니다.
React는 사용자 인터페이스를 생성하도록 설계된 JavaScript 라이브러리 중 하나입니다.
React가 라이브러리인 이유는 무엇입니까?
Framework : 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있습니다.
그것은 일정한 형태를 가지고 있으며 다양한 형태의 결과를 낳는다.
라이브러리: 소프트웨어를 개발할 때 일반적으로 사용할 수 있는 특정 기능을 모듈화합니다.
이 둘의 차이점은 흐름을 제어할 수 있는 다른 권한에 있습니다.
React를 만들 때 VSCode를 사용하고 있었습니다.
npx create react app 파일명터미널 부분에 이 명령어를 작성하면 파일이 생성됩니다.
생성된 파일 실행
npm start당신은 그것을 쓸 수 있습니다.
구성품에 대해 알려드리려 합니다.
구성 요소는 항상 대문자로 시작하며 소문자로 시작하는 구성 요소는 DOM에서 인식할 수 있으므로 대문자로 표시해야 합니다.
UI를 재사용 가능한 개별 부분으로 분해하고 해당 부분을 별도로 유지하면 코딩이 가능합니다.
게시물 목록 컴포넌트를 사용하여 다음과 같은 화면을 만들 수 있습니다.
다음은 구성 요소를 만드는 한 가지 방법이며 동시에 세 가지를 모두 사용할 수 있습니다.
저는 1번과 2번을 주로 사용합니다.
다음으로 소품 및 스타일 섹션에 대해 작성합니다.