# font
[프론트엔드 성능 최적화] (7)
: 프론트엔드 작업시에 폰트는 빠질 수 없는 중요한 요소 중 하나이다. 기본 제공 폰트를 쓸수도 있지만 보통은 커스텀 폰트를 다운받아서 쓰는 경우가 많기 때문에 폰트와 관련된 최적화도 필요하다. : 사실 폰트를 다운받아서 쓰면 되는거지 뭐가 문제일까? 라는 생각이 들
[CSS] css상속 + 폰트 속성
기본적으로 css는 부모 요소에 지정한 속성값을 자식 요소에게도 상속해서 적용합니다.❗️ 하지만, 모든 속성이 상속되는 것은 아님css에는 상속 되는 속성이 있고 아닌 속성이 있다.CSS를 사용하면서, 그때 그때 직접 속성을 적용해보며 눈으로 익히는 것이 가장 좋은 방
[React] Font 적용
처음 프로젝트를 진행할 때는 기본 폰트를 사용하였는데, OS 환경이나 브라우저에 따라 폰트가 다르게 적용되는 것을 알게 되었다.화면의 통일성을 위하여 폰트를 적용하기로 하였다.
웹뷰 최적화 만점을 위한 노력 -2-(IntersectionObserver, Token provider, Prefetch, font, Lcp, Lighthouse)
개선 후 개선 전 > 만점에 가까운 라이트 하우스 점수 쨖쨖 👏 어니언은 앱 서비스이지만, 웹의 장점이 필요한 페이지는 vue를 이용하여 웹으로 구성되어 있다. 그렇기에 앱에서 웹뷰 페이지를 로드할 경우 이질감 없이 로드하여 서비스를 제공하여야 하기 때문에
데이터 시각화 2
새싹 인공지능 응용sw 개발자 양성 교육 프로그램 심선조 강사님 수업 정리 글입니다.넓은 데이터데이터프레임의 열은 파이썬의 변수와 비슷한 역할을 한다.데이터프레임의 열이 옆으로 길게 늘어선 형태가 넓은 데이터라고 한다.melt메서드지정한 열의 데이터를 모두 행으로 정리
웹폰트 렌더링 최적화 이슈
온라인상의 특정 서버에 위치한 폰트 파일을 다운로드하여 화면에 표시해주는 웹 전용 폰트로 방문자의 로컬 컴퓨터에 폰트 관련 없이 동작한다.WebFont 를 사용하지 않았을 경우나눔고딕 폰트가 설치되지 않은 PC에서는 기본 폰트인 돋움 글꼴이 노출되고, 나눔고딕 폰트가
생활코딩 <CSS> 3 : CSS 코드 사용하기, <style>태그, CSS의<a>태그, 코드 내용 숨기기 <!-- 와 -->, css의 스타일 태그 color:000;에서의 세미콜론 기호 ; , 수억개 태그 한번에 수정하는 법, 태그 중복 제거하기, 중복된 태그 지우는 방법
WEB2 CSS 3강. CSS의 등장 앞서 2강에서는 HTML의 문법에 태그를 추가하는 라는 태그에 대해서 배웠다. 이번 강에서는 훨씬 더 어렵지만 근본적인 해결책인, CSS를 해보도록 하자. 2강을 실습할때 나는 홈페이지의 메인에 위치한 환영하는 문구와, 아래
생활코딩 <CSS> 2 : 글자 색깔 변경하기, font태그, 폰트 태그 사용해보기, 글자 컬러 바꾸는 (옛날)태그 font에 대해
웹을 만든 사람들은 웹을 아름답게 만들 수 있는 방법이 뭐가 있는지 고민하기 시작한다.HTML 이라는 이미 있는 언어의 디자인과 관련된새로운 태그를 추가하는 것과디자인에 최적화된 완전히 새로운 언어를 만드는 것 중어떤 것이 더 쉬울까?HTML의 디자인에 대한 새로운 태
프로젝트에서 font 사용하기
이번 글에서는 React 프로젝트를 진행할 경우 폰트를 다루는 방법에 대해 소개하려고 한다. 폰트를 다루는 방법을 설명하기에 앞서 웹 폰트란 무엇인지? 웹 폰트 형식은 어떤게 있는지 먼저 확인해보자.웹 폰트는 사용자가 가지고 있지 않은 폰트를 웹 페이지에서 사용할 수
Matplotlib, Seaborn 한글 Font error
👉 Ubuntn 환경에서 python으로 B/E 개발중이신 분👉 Jinja2 template으로 웹 만드시는 분matplotlib, seaborn 사용 중, 한글 깨짐 현상 발견(서비스) 나눔 폰트 설치 및 캐쉬 삭제(서비스) 나눔 폰트 복사(서비스) 나눔 폰트 복
[TIL_Carrotww] 7 - 22/09/06
🔗 백준 10217 KCM Travelhttps://www.acmicpc.net/problem/10217🔍다 익스트라 알고리즘인 줄 알았으나 아니여서 애좀 먹었다...🔗 나의 설명 velog🔍 1\. Control + , -> 설정 창2\. Font 검
[CSS] 자동 링크 완성, font, css hack
link:css enter참조 : Google Fontslink 보다는 import 추천import 위치는 제일 상단body에 font-family 추가justify-content 대신 사용 레시피 같이 어디든 쓸 수 있다. 이상하지만 작동한다.상위 박스 : just
CSS 적용하기
① <div> 등에 class로 네이밍② <head> 안에 <style>을 열어서③ .mytitle {...}로 쓴다.
TIL | ConnecTo (22.08.30)
HTML문서는 하나 이상의 스타일 요소에 영향을 받는다. 따라서 적용되는 스타일에 우선순위가 정해져야한다.CSS가 선언된 장소한 HTML문서 안에서 CSS가 여러 개 선언되고 같은 대상에 한 개 이상의 스타일 정의가 선언되었을 때에 중요도를 따름중요도 순서HTML ta