[오늘개발] 리액트 css 적용, 자바스크립트 표현식, props

리액트 css 적용

css 파일을 import 해서 적용함

자바스크립트에서는 class로 html 

리액트에서는 class로 적용되긴하는데 className 에 써야함

---

https://ko.legacy.reactjs.org/docs/introducing-jsx.html

JSX 소개 – React

 

---

JSX 문법에서 {자바스크립트 표현식}

객체는 안된다.

자바스크립트 표현식이라는게 뭘까나?

 

왜? 그냥 자바스크립트면 다되는거 아닌가? 싶은데

표현식(Expression)은 주로 식별자, 연산자, 리터럴 등으로 구성되고 결과가 하나의 값으로 표현되는 문장을 말합니다.

하나의 값으로 표현되는 문장 이다.

그럼 값이란 무엇인가?

https://velog.io/@jakeseo_me/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EC%95%8C%EC%95%84%EC%95%BC-%ED%95%A0-33%EA%B0%80%EC%A7%80-%EA%B0%9C%EB%85%90-7-%ED%91%9C%ED%98%84%EC%8B%9D%EA%B3%BC-%EB%AC%B8Statement-%EB%B2%88%EC%97%AD-2xjuhvbal7

자바스크립트 개발자라면 알아야 할 33가지 개념 #7 표현식(Expression)과 문장(Statement) (번역)

 

표현식은 이해했으나 문장은 이해 못함ㅋ 

---

리액트 props 캐중요.

핵심 개념중에 하나이다.

props를 통해서 컴포넌트에서 다른 컴포넌트로 데이터를 보낼수 있고

컴포넌트 재사용할수 있게해준다.

 

공부 더 해봐야 할것 

- 자바스크립트에서 문장이란?

- 자바스크립트에서 값

- 리액트 props

- JSX