Jeden Tag, aufrichtig und lustig.

JSX 문법은 자바스크립트 파일 내에서 html을 표현할 때 사용되는 문법이다. 리액트에서 많이 사용되는 JSX 문법은 아래와 같다. 1. className JSX 문법과 html 문법의 차이점 중에 하나로 class를 부여할 때 'className'으로 카멜케이스를 활용해서 사용 해야 한다. 이를 사용해서 app.js파일에서 클래스 이름을 부여 하면 app.css에서 css하는데 활용 할 수 있다. *css파일은 app.js파일 내에 import 해야 적용할 수 있다. 2. 데이터바인딩시 {중괄호} 활용 리턴 문 밖에서 정의한 변수를 리턴안에서 활용(데이터 바인딩) 하고 싶다면 중괄호 안에 변수를 넣으면 적용 가능하다. 변수는 컨텐츠 내용 넣을 때나 클래스 이름 작명 할 때도 범용적으로 사용가능하다 i..

선택자 종류 class선택자 .saw { color : gray ; } *class 속성 값에 여러개 값이 들어갈 수 있고, 띄어쓰기로 인해 구분이 가능하다. css *class선택자는 맨마지막에 등장한 class선택자가 우선순위를 가지고 있다. .hero { background-image : url ("~") ; background-size : cover ; } id선택자 해당 요소에만 넣고 싶은 디자인을 적용할 때 사용한다. css #active { color : yellow ; } 선택자 우선순위 tag(element) < class < id < inline css **class나 id가 selector일때 태그와 결합할 수 있다. p { font-size: 20px; } .p-tag { color..