728x90 반응형 컴포넌트1 리액트 컴포넌트 생성 및 활용 가이드: 기본 세팅과 컴포넌트 재사용의 이점 일단 컴포넌트를 작성하기 전에 기본 세팅부터 하겠습니다. index.js 폴더에서 위의 코드는 index.html에 root라는 id를 가진 div 태그를 리액트 기본 루트 돔으로 쓰겠다는 의미의 코드입니다. 을 감싸고 있는 를 지워줍니다. 해당 코드는 검사를 위한 코드로 우리가 테스트 프로젝트를 작성할 때 딱히 필요하지 않고 console.log() 사용시 에러가 발생할 수 있습니다. 이번에는 App.js에 들어와서 import logo from './logo.svg'; 와 태그 안에 있는 코드를 지워줍니다. 또한 스타일에 관련된 index.css app.css 안에 코드들도 지워줍니다. 해당 코드는 기본 스타일로써 내장되있던것입니다. 위와 같이 비워준 화면입니다. 저는 태그도 프레그먼트 태그로 비워주.. 2023. 2. 27. 이전 1 다음 728x90 반응형
