Front

리액트에서 CSS 스타일을 주는 방법으로 Styled-component 를 주로 사용한다. styled-components 의 createGlobalStyle 을 페이지에 적용하는 방법을 알아보자. ResetStyle.ts import { css } from "styled-components"; export const ResetStyle = css` a { color: inherit; text-decoration: none; } a:focus { outline: 0; } a:active, a:hover { outline: 0; } ` style 경로를 만들고 초기 설정할 디자인(reset.css)을 만든다. 여기서 정해준 CSS 요소는 전체 페이지에 들어갈 요소이다. globalStyle.ts impor..

일반 변수의 선언과 할당 let num = 1; num = 2; useState의 선언과 할당 ```js const [num, setNum] = useState(1); setNum(2); ※ useState 를 사용할 때 주의할 점 1. 함수의 상단에 정의한다. 2. 바로 값을 바꾸지 않는다. 3. 반복문 안에 선언하지 않는다. 4. 조건문 안에 선언하지 않는다. ▶ 일반 변수로 카운터 앱 만들기(동작 안 함) funtion App() { let num = 1; funtion increase() { num++; console.log(num); } return ( {num} {increase()}}>숫자를 올려! ) } 이렇게 구현할 경우 버튼을 눌렀을 때 숫자가 올라가지 않는다. 하지만 콘솔창에서는 숫자..