웹개발/React
[코딩애플] 기초 2강~3강 정리
기초 2강 1. 리액트 개발환경, HTML과 유사하다!! 다만 문법에서 살짝 차이 있음. 1) 시멘틱 태그 그대로 사용 가능 2) 문법적 차이 a. class= " " 대신 className = " " b. 하이픈(-) 안쓰고 카멜표기법 사용 c. 중괄호의 사용! { } 2. 중괄호의 사용 1) 이를 사용함으로 데이터 바인딩이 매우 쉬워짐. - 변수명, 함수, 이미지, 클래스명 등 function App() { let posts = '강남고기 맛집'; //변수에 데이터 저장 return ( 개발 Blog { posts } 2월 17일 발행 ); } ▶ 원래였다면 document.getElementById().src = ~~ 이렇게 길었을텐데 매우 짧아진 것을 볼 수 있음. 3. 스타일 넣고 싶다면? st..
