SMALL 분류 전체보기130 [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. 📢블로그 시작 2021년 04월 30일 금요일 잠시 잊고 있었다. 무슨 일이 일어나도 내가 이 세상에서 가장 중요하다. 누군가로 인해서 내 삶이 무너지는 것은 있을 수 없는 일이다. 그렇기에 나는 딴짓은 그만하고 공부를 열심히 해서 내 미래를 업그레이드해보기로 마음먹었다. 늦었다고 생각할 때가 가장 빠른 때이다. 내 나이 22살, 대학교 3학년 모두들 내가 한참 늦었다고 생각할 수도 있겠지만, 난 지금 시작하는 것이 가장 빠른 때라고 생각한다. 2021. 4. 30. 이전 1 ··· 19 20 21 22 다음
