A collection of 92 articles on programming, technology and life.
Create Global Style 전체의 Element의 Style을 적용하고 싶을 때 사용한다. 보통 이나 를 설정할 때 많이 사용한다. /Reset/ ` function App() { return ( <> <Cont
Browser Router react-router-dom에서 와 를 통해 경로를 지정할 수 있다. `jsx import { BrowserRouter, Route, Routes } from 'react-router-dom'; import About from './screens/About'; import Home from './screens/Home'; import Header from './components/Header'; function Router() { return (
Concept Strongly-typed JavaScript이다. 개발자가 JavaScript를 사용하는 과정에서 발생하는 다양한 오류들(실수들)을 잡는데 도움을 준다. TypeScript로 작성된 Code는 Compiler를 통해 JavaScript로 변환된다. Interface Component의 Props의 타입(OR Object의 Shape)을 지정할 수 있다. 이를 통해 코드 실행 전에 에러를 볼 수 있다. `jsx interface ContainerProps { bgCo
Basic Style Component는 React의 컴포넌트를 두 부분(스타일, 구현)으로 나눌 수 있게 끔 해준다. 이를 통해 가시성이 늘어나며 구현의 난이도를 줄여준다. Style Components Import Style Component는 (back tick) 을 통해 CSS 내용을 정의할 수 있다. Style Componen 자동으로 객체의 Class Name을 임의로 설정해준다. ##