reactjs (18) 썸네일형 리스트형 ReactJS (1) JSX 간단하게 말하면 JSX는 HTML 코드를 자바스크립트 안에서 사용하는 걸 뜻한다. JSX를 쓰면 더이상 createElement를 안 써도 돼서 간편하다 리엑트에서도 JSX를 쓸수있어 코드를 더욱 쉽게 짤 수 있다 예) 리엑트 요소 만들기 const h3 = React.createElement( "h4", { id: "title", onMouseEnter: () => console.log("hi"), }, "Hello" ) 예) JSX const H4 = console.log("hi")}>hello 이런 식으로 JSX를 쓰면 HTML 코드와 거의 동일한 걸 볼 수 있다. 주의해야 될 점은 component 이름이 꼭 대문자로 시작해야 된다는 것. 이유는 component를 부를 때 대문자가 아니면 tag.. NextJS (6) Global Styles styles jsx는 component 내로 한정되어 있다 예를 보면서 이해를 해보자 Example. import Link from "next/link"; export default function NavBar() { return ( Home ); } 이렇게 NavBar component가 있다고 치고 import NavBar from "./Navbar"; export default function Screen() { return ( ); } Screen.js 파일을 만들어서 screen component 안에 NavBar을 불러와 따로 스타일 적용을 못 시킨다는 뜻이다 코드에 보면 anchor에 대한 스타일 적용이 안된다 이럴 때 필요한 게 global styles이고 사용 방법이 쉽다 import N.. 이전 1 2 3 다음