본문 바로가기

코드4

PC, 모바일에서 다른 이미지 출력하는 스크립트 "PC, 모바일에서 다른 이미지 출력하는 스크립트" 웹사이트를 개발하다 보면 PC와 모바일에서 각각 다른 이미지를 출력해야 하는 경우가 있습니다. 예를 들어, PC에서는 상세한 이미지를, 모바일에서는 간략한 이미지를 출력하고 싶을 때가 있습니다. 이러한 경우, 다음과 같은 방법으로 스크립트를 작성하여 PC와 모바일에서 다른 이미지를 출력할 수 있습니다. 페이지 폭을 인식하여 이미지를 출력하기 위의 스크립트는 window.innerWidth 속성을 사용하여 현재 페이지의 너비를 확인합니다. 페이지 너비가 768픽셀보다 크면 PC에서 접속한 것으로 간주하여 .pc-image 클래스를 가진 이미지를 출력합니다. 너비가 768픽셀보다 작으면 모바일에서 접속한 것으로 간주하여 .mobile-image 클래스를 가.. IT스토리/인터넷 이야기 2023. 9. 7.
넷플릭스 코드 - 시크릿 카테고리 코드로 장르 검색하기 "넷플릭스 코드 - 시크릿 카테고리 코드로 장르 검색하기" 넷플릭스에는 DVD 대여 사업을 할 때부터 영화를 구분하기 위한 카테고리 코드를 부여하여 영화와 TV 프로그램을 분류해 왔습니다. 이제는 인공지능이 동원되어 3만 6천개가 넘는 시크릿 코드로 콘텐츠들이 관리되고 있습니다. 넷플릭스 검색 활용하기 넷플릭스 검색창에는 제목뿐 아니라 주연배우 이름, 분위기, 장르 등을 검색할 수 있습니다. 아래에 안내하는 시크릿 코드를 활용하면 보다 손쉽게 원하는 영화나 TV 프로그램을 검색할 수 있습니다. 이 포스팅을 메모하시거나 북마크 하셔서 활용하시면 유용하게 사용할 수 있을 것입니다. 그리고, 아래와 같이 바로가기 링크를 만들어 검색하는 것도 가능합니다. 물론 넷플릭스 계정에 로그인되어 있어야 바로 이용이 가능.. 영화이야기 2022. 11. 16.
무료 바코드 폰트를 이용하여 바코드 만들기 - Code 39 "무료 바코드 폰트를 이용하여 바코드 만들기 - Code 39" 바코드는 우리 생활에 많은 부분에 사용되고 있습니다. 제품의 품명, 가격등을 표기하는 용도뿐 아니라 재고파악등 물류분야에서도 유용하게 사용되고 있습니다. 바코드는 그 종류가 상당히 많이 있습니다. 우리나라가 사용하는 EAN-13 코드 뿐 아니라 QR코드 등 다양한 포맷의 바코드가 존재합니다. [ 각국에서 사용하는 바코드 종류 : 출처 - mbsplugins.de ] 대부분의 바코드는 바코드 생성 프로그램을 이용하여 생성할 수 있으며, 만들어진 바코드 이미지를 활용하여 사용할 수 있습니다. 오늘은 'Code 39' 규격의 코드를 소개해 드리겠습니다. 아래의 첨부파일을 다운로드 하시면 별도의 코드생성 프로그램 없이도 PC에서 자유롭게 사용할 수.. 그래픽디자인/Design Tools 2020. 3. 3.
알트키 코드(Alt Code)를 활용한 특수문자 쉽게 입력하기 Ascii Key Codes (1/2) "알트키 코드(Alt Code)를 활용한 특수문자 쉽게 입력하기 Ascii Key Codes (1/2)" 문서작업을 할 때 키보드에 없는 특수문자를 입력해야 할 경우가 종종 있습니다. 오늘은 알트키와 키보드의 우측 숫자키패드의 조합으로 손쉽게 특수문자를 입력하는 요령을 알아보도록 하겠습니다. 보통 특수문자는 한글 자음 ㄱ~ㅎ 까지 하나를 입력한 후 한자키를 눌러 특수문자를 입력하는 방법이 많이 쓰이고 있습니다. 그런데 일일이 원하는 문자를 찾는일이 은근히 불편합니다. 위의 이미지 처럼 'ㅁ'을 누르고, 한자키를 누른 후 '탭'키를 눌러 특수문자를 골라서 입력하는 방법을 주로 사용하셨을 것입니다. 'ㅁ', '한자', 방향키, '엔터' 이런 번거로운 입력 과정을 거쳐야 합니다. 자주 특수문자를 입력해야 할 .. IT스토리/유틸, 어플 소개 2017. 1. 10.

티스토리툴바