목록React Basic (12)

I T H

[React_Basic 2] TODO 리스트 만들기1 소스코드_클래스형 컴포넌트에서 함수형 컴포넌트로 바꿔보기

[ 클래스형 컴포넌트 ] - App.js import React, { Component } from "react"; import "./App.css"; export default class App extends Component { state = { todoData: [], value: "", }; btnStyle = { color: "#fff", border: "none", padding: "5px 9px", borderRadius: "50%", cursor: "pointer", float: "right", }; getStyle = (completed) => { return { padding: "10px", borderBottom: "1px #ccc dotted", textDecoration: comp..
React Basic 2024. 1. 25. 10:24
[React_Basic 1] 기본환경설정 - Node.js설치/ VS Code설치/ 리액트 앱 설치

Node.js를 설치해준다. Node.js는 웹 브라우저환경이 아닌곳에서도 자바스크립트를 사용할 수 있는 자바스크립트 런타임이다. 런타임이란 - 프로그래밍 언어가 구동되는 환경을 말한다. 1. node.js 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 설치완료 후 CMD 창에 들어가서 제대로 설치되었는지 확인 (단축키는 윈도우키 + R) 3. Visual Studio Code를 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Stud..
React Basic 2024. 1. 25. 10:21
이전 Prev 1 2 3 Next 다음