SMALL react3 [React] 컴포넌트 제작 Study. React 컴포넌트 제작 [React Developer Tools] 📌질문하고 검색하는 것을 스스로 하는 것이 중요함 📢React 홈페이지 버전을 16.8로 맞춰야 함 📎React Developer Tools 바로 가기 링크: chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related React Developer Tools Adds React debugging tools to the Chrome Developer Tools. Created from revision 2a7bb41548 on 4/28/2021. chrome.google.com 📌위 툴을 사용해서 관리자 모드로 들어가.. 2021. 5. 4. [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 다음
