SMALL 🖊️Programming Language21 [React] 컴포넌트 제작 Study. React 컴포넌트 제작 [리액트가 없다면] 📌만약에 코드가 엄청 길다면 하나하나 눈에 한 번에 들어오지 않음 📌그래서 사용자 정의 태그를 이용 [컴포넌트 만들기(1)] 📌컴포넌트를 만드는 코드 class App extends Component { render(){ return ( Hello, React!!! ); } } 📌컴포넌트를 만들 때는 반드시 하나의 최상위 태그만을 사용해야 함 📌class 이름을 지정해주고 Component 안에서 그 클래스 이름을 태그에 사용 import React, { Component } from 'react'; import './App.css'; class Subject extends Component { render() { return ( WEB world.. 2021. 5. 3. [React] 개발환경 Start. React 개발환경 [샘플 앱 실행하기] 1) 'VSCode-메뉴창-보기-모양-패널 표시'에 들어가서 터미널 실행 2) 터미널 창에서 npm run start를 입력해주었을 때 보라색 창이 뜨면서 React로고가 보이면 올바르게 실행된 것 [JavaScript 코딩하는 법] 📌작업 시 모든 파일들은 src파일에서 📌div태그 안에 Hello, React!!! 를 넣으면 실시간으로 업데이트 📌App.js import logo from './logo.svg'; import './App.css'; import React, { Component } from 'react'; class App extends Component { render(){ return ( Hello, React!!! ); } }.. 2021. 5. 3. [React] 시작 About. React [수업소개] 📌사용자 정의 태그(component)를 사용하는 기술 📌React를 사용하는 이유 1. 가독성(복잡한 코드를 사용자가 알아보기 쉬운 태그로 정의하여 가독성을 높임) 2. 재사용성(한번 정의해두면 다시 사용할 수 있음) 3. 유지보수 용이(실시간으로 내용이 업데이트) 📌React의 component 사용법 아주 긴 코드 아주 긴 코드 📌이나 를 명시하여 가독성을 높임 💡React는 사용자 정의 태그 덕분에 가독성이 좋고 재사용하기 편리하고 유지보수가 용이하여 사용 📎강의-생활코딩: opentutorials.org/module/4058 2021. 5. 3. 이전 1 2 3 4 다음
