노란색으로 warnings이 뜨는 이유? eslint 문제! eslint 란? 잘못된 코딩 관습을 잡아주는 문법 체크사항 라이브러리 이런 warnings을 보기 싫으면 ? 상단에 코드 추가 /* eslint-disable */ 문법적 warnings이 사라짐! 예제 1) 좋아요 버튼 만들기 JSX에서 클릭함수는 이렇게 사용한다. onClick = {클릭될 때 실행할 함수} onClick = {()=>{}} //콜백함수로 디자인 가능 camelCase를 사용하고 { 중괄호 }를 사용하고 중괄호 안에는 함수 따봉을 클릭하면 좋아요 수가 올라가게 만들기! 이때 좋아요는 누르면 바로 변하므로, state에 넣어주는 것이 효율적이다. 이때 함수로 state값을 변경하려고 하니 변경이 되지 않았다. 이유는 stat..

리액트 설치 없이 간단한 코딩이 가능한 사이트 https://replit.com/ The collaborative browser based IDE Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages. replit.com react 는 spa = 싱글 페이지 어플리케이션으로 웹페이지가 하나밖에 없다. (html 파일이 딱 하나) 이 내용을 자동으로 업데이트 해주므로 refesh 할 필요가 없다. -index.html 기억해두기 -main.jsx html 과 app.jsx파일을 연결해주는 것! 즉 html과..