frontend5 [CSS] 22.11.28 구글 웹 폰트 적용하는 방법 [ 목표 ] Google Fonts를 이용해 CSS에 쉽게 웹폰트를 적용시켜보려합니다. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com [ 과정 ] 1. Google Fonts 페이지 접속 2. 원하는 폰트 검색 ( 저는 Montserrat 폰트를 검색해보겠습니다. ) 2. 원하는 폰트 클릭하면, 해당 폰트 페이지로 넘어갑니다. 이후 스크롤을 내려 Style 항목에서 원하는 폰트 스타일 포함 3. 오른쪽에 새로운 탭이 생기는데, @import 클릭 후 url 복사 4. CSS 파일에 붙여넣고, 원하는 요소에 폰트 적용( 저는 HTML 문서 전체 요소에 적용시켰습니다. ) 꾸.. 2022. 11. 28. [Typescript] 22.11.04 tsconfig.json 해석 [ 내용 ] 1-1. compilerOptions: tsc 명령 형식에서의 옵션 평소 모르던 와일드 카드가 등장해 조사를 해봤다! 와일드 카드 패턴 * : 해당 디렉토리의 모든 파일 검색 ? : 해당 디렉토리 안에 파일의 이름 중 한 글자라도 맞으면 해당 ** : 하위 디렉토리를 재귀적으로 접근(하위 디렉토리의 하위 디렉토리가 존재하는 경우 반복해서 접근) 출처 tsconfig | 타입스크립트 핸드북 타입스크립트 설정 파일 (tsconfig.json) 타입스크립트 설정 파일은 타입스크립트를 자바스크립트로 변환할 때의 설정을 정의해놓는 파일입니다. 프로젝트에서 tsc라는 명령어를 치면 타입스크립트 joshua1988.github.io 1-2. include: 컴파일 할 대상의 경로 2. compilerOp.. 2022. 11. 4. [Typescript] 22.10.25 TS프로젝트 생성, 관리(2), 모듈(Module) [ 내용 ] 2-1. 타입스크립트 프로젝트 만들기 (1) index.ts: index.ts로 파일명을 지정할 경우 "ts-node ./path/index.ts" 명령어를 사용할 경우 index.ts 파일명을 생략해서 실행할 수 있다. 그래서 보통 프로젝트의 시작 함수(= 엔트리 함수)가 있는 소스 파일명을 보통 index로 짓는다. (2) package.json script 항목 package.json 에 명령을 등록할 수 있는데, npm run (package.json 파일 중 scripts에 등록한 명령) 명령을 터미널에 입력하면 등록한 명령들이 자동으로 실행된다. 이런 프로젝트를 만들고 설정하는 일련의 과정들에 익숙해져야 한다! [ 리뷰 ] 오늘은 실습을 해보느라고 공부 양 자체는 많지 않지만 앞으.. 2022. 10. 25. [Typescript] 22.10.25 타입스크립트 프로젝트 생성과 관리(2) [ 내용 ] 순서! 1. 프로젝트 디렉토리 생성 생성해야하는 디렉토리: 프로젝트 디렉토리, 소스코드를 보관할 "src" 디렉토리, 다른 모듈들을 보관할 "utils" 디렉토리 2. Package.json 파일 생성과 필요한 패키지 설치 (1) npm init 명령으로 package.json 파일 생성 (2) npm i 명령으로 패키지 설치 (3) package.json scripts에 명령 등록 (4) tsconfig.json 파일 생성 꾸준히 열심히! 2022. 10. 25. 이전 1 2 다음
