static 파일 모아놓는 곳코드 짜는 곳 (소스코드 보관함)프로젝트 정보리액트의 장점은 새로고침을 안해도 코드를 변경하면 실시간으로 확인할 수가 있다는 것!!App.js 에 있는 코드들을 index.html로 보내준다. 그래서 index.html에는 내용이 하나도 없
1.class넣을 땐 className변수 넣을 땐 {중괄호}style 넣을 땐 style={{스타일명 = "값"}}object 형식으로 작성해주어야 함원래 css코드랑 조금 다르기 때문에 구글링하기
return () 안에는 병렬로 태그 2개 이상 기입 금지자료 잠깐 저장할 땐 변수(let, const)자료 잠깐 저장할 때 state 써도 됨a : state에 보관했던 자료 나옴 >> 남자 코트 추천이 나옴(작성은 { a })b : state 변경 도와주는 함수Q.
ERROR는 에러라 중요WARNING은 무시 가능function 함수() {}태그 내부에 함수 그냥 넣기태그 내부에 arrow function 넣기 ( ) => { }onClick={}안엔 함수이름을 넣어야 함등호로 변경금지 !! 반드시 state 변경함수를 써야한다.
array/object 다룰 때 원본은 보존하는게 좋다. 나중에 필요할 수도 있기 때문에기존state == 신규 state의 경우 변경 안해줌 (자원절약차원) array/object 담은 변수엔 화살표만 저장됨이 때, array를 수정하면 변수에 있던 화살표는 수정이
컴포넌트 만드는 법1\. function 만들고2\. return() 안에 html 담기3\. <함수명></함수명> 쓰기 or <함수명 />다른 function의 바깥에 만들어야함영어는 대문자로 써야함한 return문 안에는 하나의 큰 부모 div만 있
Redux 쓰는 이유1\. props 문법 귀찮을 때 쓴다. 모든 Component가 props없이 state 직접 꺼낼 수 있음. 2\. 상태관리가 용이 (state관리가 용이)Redux에다가 state다 넣어놓기!props 문법 귀찮을 때 쓴다. 모든 Compone
Route를 작성할 때 반드시 Routes로 Route를 감싸주어야 한다...즉, 가장 큰 부분은 BrowserRouter로 감싸고, 그 안에 Routes로 감싸고 그 안에 Route를 써야하는 것이다. 또, component 대신에 element를 써줘야 하고, 예전
Kakao.jsApp.jsindex.html<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=내javascript키"></script>이 부분만 작성하면 된다.
Kakao.js\` const markerPosition = new kakao.maps.LatLng(33.450701, 126.570667); const marker = new kakao.maps.Marker({ position: markerPosition});m
Kakao.js const marker = new kakao.maps.Marker({ position: markerPosition, clickable: true // 마커를 클릭했을 때 지도의 클릭 이벤트가 발생하지