공유용으로 작성

타입스크립트의 타입은 집합입니다. 집합의 관점에서 타입의 관계를, 객체의 구조로 타입의 관계를 설명합니다.

타입스크립트에서 제공하는 타입 - enum, any, unknown, void, never 타입, 타입 별칭과 인덱스 시그니처

타입스크립트에서 제공하는 타입 - 기본 타입, 원시타입과 리터럴타입, 배열과 튜플, 객체

타입스크립트는 자바스크립트의 확장판으로 자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련 기능들을 추가한" 언어입니다.

지난 다크모드에 대해 알아보자 글 작성 이후 다크모드 구현한 내용을 정리해보았습니다.

단순히 기능으로 다크모드를 추가하였으나 가독성과 컬러 선택이 아쉬워 다크모드에 대해 알아보았습니다.

《모던 자바스크립트 Deep Dive》를 학습하며 정리한 포스트입니다.

Tagged Template Literals 문법이 props에 기반한 동적인 스타일링이 가능하게 한다!

1. styled-components 사용기 - 사용 이유

시멘틱(semantic) 이란 '의미론적인', '의미가 통하는'이라는 뜻이 있습니다. 의미에 맞는 태그, 요소를 사용하고 구조화를 잘 해주어야 기계뿐 아니라 사람에게도 명확한 의미를 전달할 수 있습니다.

HTML의 주요 작업 중 하나는 브라우저가 텍스트를 올바르게 표시 할 수 있도록 텍스트 구조와 의미를 제공하는 것입니다. 따라서 알맞는 태그를 사용하여 텍스트로 정보를 전달하는 것은 매우 중요합니다.

HTML은 HyperText Markup Language의 약자로 웹 페이지를 만드는 데 사용되는 언어입니다.

인터넷의 역사 ARPANET

VSCode 에디터를 사용하며 CRA를 이용해 TypeScript 프로젝트를 생성하고 문법 검사(ESLint)와 코드 정렬(Prettier) 환경을 구축합니다.

꼭 알아야 할 ES6+ 기본 문법을 정리하였습니다.

styled-componets 사용하여 CSS 적용하기

React 프론트엔드 세팅입니다. 프로젝트 생성 - 확장 프로그램 - 폴더 구조와 라우터 설정 - 절대경로 설정 - 코드 스플리팅

CRA 없이 리액트 개발 환경 구축

『HTTP 완벽 가이드』 교재와 다른 레퍼런스를 참고하여 작성하였습니다.