프론트엔드

HTML은 JS와 CSS를 표현해주는 뼈대이다. JS와 CSS는 상호 소통하지 않고 HTML을 통해서 간접적으로 연결된다.

Browser Router 방식 index.tsx App.tsx 를 삽입한다. Router.tsx path를 통해 라우트를 설정한다. element로 각각 Home과 Login 모듈을 가져온다. Header 모듈은 중복을 피하기 위함이다. screens/Home.tsx screens/Login.tsx screens/components/Heade...

npm, npx 설치 후 프로젝트 생성 --template typescript를 깜빡했다면 앱에서 아래 명령어를 실행 타입스크립트를 사용하므로 타입 정의를 제공해야 한다. https://github.com/DefinitelyTyped/DefinitelyTyped defaul로 설치된 것들 다 지우고 앱개발 npx 실행 후 npm start하면 앱 ...

컴포넌트 방식 컴포넌트를 만드는 방법에는 function과 class 두가지가 있다. 예전에는 class를 사용했으나 최근에는 function을 많이 사용한다. 함수형을 사용하는 이유는 ⭐️ 간결함: 함수형 컴포넌트는 클래스 컴포넌트보다 코드가 간결하고 가독성이 높습니다. 이는 코드를 작성하고 유지 관리하기가 더 쉽다. ⭐️ 훅(Hooks)의 도입: ...

CSS Reset https://meyerweb.com/eric/tools/css/reset/ 폰트 https://fonts.google.com 색 정하기 https://flatuicolors.com css import하는 방법들 1. CSS 파일 import import style.css 하고 태그 id또는 classname으로 css 설정 2....

🟡 JS는 숫자 데이터를 일률적으로 64비트로 저장한다. c언어에서는 int/float 등 타입에 따라 메모리 크기가 다르지만 JS는 일률적이다. 🟡 JS에서 값을 대입한 변수는 그 값을 가진 것이 아니라 그 값을 가리키는 메모리 주소를 갖고 있다. 🟡 JS에는 참조 카운트가 있어서 아무도 참조하지 않는 메모리는 수거(GC)된다. 🟡 JS에서 ...