ps. 터미널에 뜨는 warning은 에러는 아님 그냥 eslint라고...함 /* eslint-disable */ 이거하나 넣어주면 오류 안남 -좋아요 버튼을 만들어보자 원래 이벤트 리스너 사용했어야했는데 간단하게 써보자! {/* { 글제목[0] } {console.log(1)}} >🥰좋아요! 0 */} { 글제목[0] } {따봉변경(따봉+1)} } >🥰좋아요! {따봉} 당연히 카멜 케이스 사용해야하고 규칙은 단순하다 onClick, 클릭하면 뒤에 {} 안에 함수형태로 넣어주면되는것! 애로우 펑션말고 함수를 따로만들어서 함수 이름을 넣어줘도됨 function 함수이름() { } 대신 onClick = { 함수이름} 이런식으로 해줘야함 -최종 버튼 하나누르면 서울을 뉴욕으로 바뀌게 만들어보자 /* esl..

데이터는 1.변수에넣거나 2.state에 넣거나 state에 넣으려면 import먼저 해온다. import {useState} from 'react' import logo from './logo.svg'; import './App.css'; import {useState} from 'react' function App() { //let [a,b] = useState('남자 코트 추천') let [글제목, 글제목변경] = useState('남자 코트 추천') // [a,b] 형태의 array가 남는다. a에는 남자 코트 추천이 들어감 // b에는 그 데이터를 수정하기위한 함수를 생성해줌, 그냥 사용법임 // ES6 destructuring 문법임 var [a,b] = [10,100] 하면 각각 a,b에 들..

index.js 에 app.js를 불러온다 그리고 app.js의 css를 수정하려면 app.css를 수정하면된다. 1.그냥 html,css쓰듯이쓰면된다. 2.리액트에서 데이터 바인딩 쉽게하는 법 import logo from './logo.svg'; import './App.css'; function App() { let posts = "군자 훠궈 맛집" function 함수(){ return 100 // 100을 뱉어내는 함수 } // 이녀석을 아래쪽에 보여줘야함 // 이게 데이터 바인딩! return ( {/* 평소에 원래하던것처럼 여기안에다가 html쓰면 된다. */} {/* HTML대신 JSX라는 문법, HTML의 대용 */} {/* class대신 className으로 부여한다. */} 개발 BL..

1.node.js설치부터 해준다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 당연히 LTS버전, 요약하자면 안정화가 완료된 버전이다. 2.visual studio cde 설치한다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual S..