본문 바로가기

분류 전체보기30

[HTML] 22.12.25 HTML/CSS 강의 수강 노트 - 구조 디자인(HTML) [ 내용 ] 1. HTML(HyperText Markup Language)이란? HTML은 웹사이트 콘텐츠를 설명이라는 유일한 목적을 가진 마크업 언어이다. 구조 설계를 목표로 한다. Hyperlink 시스템을 가지고, htm, html 확장자를 가진다. HTML파일은 단순 Text파일이며, 이를 웹브라우저가 해석 후 구조화를 통해 사용자가 '뷰'라는 화면을 통해 보도록 렌더링을 해준다. 2. 시멘틱 마크업(Semantic Markup) - 중요성! 마크업이 담고있는 내용을 더 효과적으로 전달하기 위한 디자인 효과들을 적용하기 전, 컨텐츠를 잘 구조화하는 것은 매우 중요하다. 시멘틱 마크업은 HTML요소의 올바른 사용에서 시작한다. 예컨데, heading요소를 div요소를 사용해 마크업 한다면 최적화, .. 2022. 12. 26.
[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.
[SWEA 3809번_Python] 화섭이의 정수 나열_in keyword, find 메소드 풀이에 대해 리뷰하기 전에... 코딩테스트 리뷰를 하나 하나 올리다보니 블로그 포스팅하기에는 너무 많아 글쓰다가 지치는 나의 모습을 보고 정말 중요한 문제만 포스팅하려고 했는데... 이 문제 풀이에 1시간 가까이 걸렸는데... 다른 분들의 풀이를 보니 제 자신에 너무 화가나 개선된 풀이와 추가적인 풀이까지 덧붙여 포스팅해봅니다. ㅎㅎ 이러면서 크는거겠죠... 모... 주소: https://swexpertacademy.com/main/code/problem/problemDetail.do?contestProbId=AWHz7xD6A20DFAVB SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com [ 문제 ] 문제 ※ S.. 2022. 11. 15.
[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.

티스토리툴바