2024/07/17 2

onClick이벤트 사용하기. (prettier, eslint설정)

# vs코드 쓰면서 prettier가 안됐음.cntl+shift+p눌러서저기드가샘이거 code formatter으로 바꿔주샘..저장시 줄정렬이 안됐었음 ㅠㅠ   # warining메시지 없애기/* eslint-disable */import React, { useState, useEffect } from 'react';import './App.css';이렇게 eslint 안쓴다고 해주면 됨.    # 버튼기능 만들기 incrementLike(0)}>라이크이렇게 태그에 onClick넣어주면 됨. 함수에 파라미터가 있으면 저렇게 즉시실행함수로 써줘서 함수리터럴을 써줘야 오류 발생안함그냥 함수 호출해버리면 rerendering오류가 뜨더라.매개변수가 없다면 그냥 함수이름만 넣어주면 됨   # ..

javaScript/react 2024.07.17

JSX & 데이터바인딩 (+JSX에서 html 태그 자동완성)

# JSX란?function App() { let post = "강남우동맛집"; const [state, setstate] = useState("무찌안녕"); console.log("바보무찌"); return ( hello world {post} );}이렇게 js가 있는데 안에 html이 들어있음.컴포넌트 쏴주는식인데 정확히는 함수안에서는 JS문법으로 되니까 HTML을 그대로 쓰면 제대로 인식 못 할 수 있음.그래서 이 안에서 문법을 JSX로 만들었다고 함.예를들어 예약어인 class대신에 className으로 한다는것..-기호를 쓰면 마이너스로 인식하니 안되고 카멜케이스 써야하는것 등등 있다.    # JSX에서 html 태그 자동완성이거땜에 코드짤때 짜증이 났는데.. ..

javaScript/react 2024.07.17