React (115) 썸네일형 리스트형 [react] 기본 용어 및 사용법 * React UI를 만들기 위한 JavaScript 라이브러리 (라이브러리 : 소프트웨어를 개발할 때 프로그래밍 사용하는 비휘발성 자원의 모임, 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것) * 리액트 엘리먼트 Element 요소, 성분 / 리액트 앱을 구성하는 요소 / 자바스크립트 객체 형태로 존재 DOM 엘리먼트의 가상 표현, react 앱의 가장 작은 단위로 화면에 표시할 내용을 기술한다. 브라우저 DOM 엘리먼트와 달리, react 엘리먼트는 일반 객체이며 쉽게 생성할 수 있다. React DOM은 react 엘리먼트와 일치하도록 화면이 보여질 수 있게 DOM을 업데이트 한다. 엘리먼트는 “컴포넌트(Component)“라는 널리 알려진 개념과 혼동되기 쉽다. 일반적으로 엘리먼트는 직접 .. [react] 리액트 아이콘(react-icons 사이트) 이용방법 https://react-icons.github.io/react-icons React Icons React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm install react-icons --save Usa react-icons.github.io 1. 터미널 아래에 작성해 설치를 한다. npm install react-icons --save 2. 작성하는 문서 .. [React] 리액트 설치하기, 시작 방법 1. 설치하기 (터미널 아래에 쳐서 설치) D:\file\react>npx create-react-app react01 2. 왼쪽에 react생성한 파일을 선택후 react01 >src>app .js 선택후 아래 터미널에 D:\새싹\react\react01>npm start 치기 ▼ 완성되면 뜨는 화면 3. app.js 에서 아래에 내용 삭제 후 스타일에 맞게 수정 가능 이건 건들면 안됨. html같은 역할임 style에 맞게 내용추가 import './reset.css'; import './App.css'; import Nav from './Nav'; /* /Nav.js라해도 되고 Nav라 해도 됨 */ function App() { const listLi={margin:'0 10px',lineHeig.. 이전 1 ··· 12 13 14 15 다음
