본문 바로가기

분류 전체보기147

금액 입력 input 구현 금액 입력 input 구현 기능 리스트 1. 마이너스를 포함한 정수만 입력한다. 2. 입력한 숫자에 천단위 콤마를 찍는다. 3. 숫자들이 입력되면 합계 계산을 한다. 구현 정책 1. input에 포커스 될 때 1.1. input에 0 이 있으면 지운다. 1.2. input에 0 외에 값이 있으면 천단위 마다 있는 콤마를 지운다. 2. input에 포커스가 빠져나올 때 2.1. 마이너스만 있으면 0 으로 세팅 2.2. 천단위 마다 콤마를 넣는다. 3. input이 keyup 될 때 3.1. 마이너스와 숫자를 제외한 문자열이 입력되지 않도록 한다. 3.2. 마이너스가 문자열의 두번째 이후에 있으면 지운다. 3.3. 입력값이 마이너스 부호만 있는 경우를 제외하곤 합계 계산을 한다. See the Pen inp.. 2023. 12. 29.
Material Symbols, Material Icons 사용 방법 Material Symbols, Material Icons 사용 방법 Material Symbols, Material Icons 차이점https://fonts.google.com/icons 에 들어가면 아이콘의 스타일이 Material Symbols(default) 와 Material Icons으로 나뉘어져 있다. 이 둘 모두 구글의 공식 아이콘 세트이다.Material Icons는 클래식 세트인 반면 Material Symbols는 가변 글꼴 기술을 기반으로 2022년 4월에 도입되었다. Material Symbols 는 세 가지 스타일과 4가지의 조정 가능한 가변 글꼴 축 (채우기, 두께, 등급, 광학 크기)으로 제공된다. 아래는 현재 Material Icons에서 사용할 수 없는 기능이다.varia.. 2023. 12. 28.
noto sans 웹폰트 다운로드 사용 방법 noto sans 웹폰트 다운로드 사용 방법 cdn을 걷어내기 위해 웹폰트를 다운로드하여 사용하게 되었다.아래 글은 그 여정을 돌아보며 특별히 noto sans kr 웹폰트 사용 방법을 정리한 내용이다. noto sans 웹폰트를 어디서 다운로드 받아야 하는지,어떤 파일타입을 받아야 하는지,css에 폰트 설정을 어떻게 해야 하는지위 세 가지를 중점으로 살펴 본다. 먼저 웹에서 사용하는 폰트는압축률이 좋은 woff2 혹은 모든 브라우저에서 지원하고 w3에서 추천하는 woff 타입을 사용해야 한다.뒤에서 다시 살펴 보겠지만,@font-face src 속성에 적을 때도 woff2 url를 먼저 적고 그 다음 woff url을 적는다. woff2, woff 타입으로 noto sans kr 다운로드1차시도 구글 .. 2023. 12. 28.
훗카이도 여행 훗카이도 여행   본 만화는 작가의 동의를 받고 가져온 일상 만화입니다. 지천명님의 블로그를 방문하시면 더 많은 만화를 감상하실 수 있습니다. https://blog.naver.com/lbscom97/223282098144 훗카이도 여행엔저라도 식사 가격은 비쌉니다. 멜론과 우유가 맛있고 편의점 멜론 크림빵이 최고였음.blog.naver.com 2023. 12. 10.
부산여행 부산여행   본 만화는 작가의 동의를 받고 가져온 일상 만화입니다. 지천명님의 블로그를 방문하시면 더 많은 만화를 감상하실 수 있습니다. https://blog.naver.com/lbscom97/223116137811 부산여행분명 가볍게 시작한 일상만화인데 왜 5컷 그리는데 하루종일 걸릴까...blog.naver.com 2023. 12. 10.
꽃이 지네 꽃이 지네   본 만화는 작가의 동의를 받고 가져온 일상 만화입니다. 지천명님의 블로그를 방문하시면 더 많은 만화를 감상하실 수 있습니다. https://blog.naver.com/lbscom97/223080526008 꽃이 지네.철쭉이 떨어져 그린 그림blog.naver.com 2023. 12. 10.

티스토리툴바