eunyo의 it이야기

[jquery] 레이어 팝업 스크롤 막기 & 배경 어둡게 처리하기 안녕하세요. 사용성을 위해서 팝업 뒤에 쉐도우효과랑, 팝업 스크롤을 막아주는 것을 원하는 경우가 더러 있습니다. 그래서 오늘은 레이어 팝업 스크롤막기, 배경 어둡게 처리하는 방법에 대해 알아보겠습니다. 팝업 가운데 정렬 css도 있으니 필요하신 분들은 함께 참고하세요! 본 예제에서는 버튼 클릭시, 레이어팝업이 보여지는 방식입니다~ 예제 화면 미리보기 html 팝업열기 X 팝업입니다. CSS /* 스크롤 효과 확인하기 위한 height 넣을 필요 X*/ body {height: 1500px} /* 팝업 기본디자인 */ .popup{border: 1px solid #dcdcdc;position: fixed;width: 500px;left: 5..

브랜드 로고 사용 가능한 상업용 무료 한글 폰트 추천 안녕하세요. 은요입니다. 오늘은 상업적으로 사용가능한 무료 폰트에 대해 알아보겠습니다. 무료폰트라고 해도 로고, CI 제작이 불가한 폰트가 있는데요. 브랜드 로고는 기업의 얼굴이기때문에 특히나 주의해서 로고폰트를 사용해주어야합니다. 그럼 오늘은 저작권 걱정없이 로고 사용가능한 무료폰트를 알려드릴게요~! 상업적 무료 한글 폰트 1.마포서체(https://www.mapo.go.kr/site/main/content/mapo04010201) 첫번째로 소개드릴 폰트는 마포 서체입니다. 마포서체는 마포 금빛나루, 마포 당인리발전소, 마포 애민, 마포 꽃섬,마포 마포나루, 마포한아름, 마포 다카포, 마포 배낭여행, 마포홍대프리덤 총 9가지로 마포구에서 제작한 폰트..

아이폰 se3 사전예약 할인 혜택 알아보기 애플의 보급형 아이폰인 '아이폰 SE 3세대'가 공개 되었습니다. 2022년 3월 25일에 아이폰 se3가 출시될 예정인데요. 아이폰 se2가 출시한 지 2년만에 중저가형인 '아이폰 se3'가 출시되었습니다. 사전예약 시작일은 3월 18일부터 시작되었는데요. 사전예약 방법과 할인혜택, 그리고 아이폰 se3에 대해 한번 알아보도록하겠습니다. 그럼 아이폰 se3에 대해 알아보고, 사전예약 혜택에 대해 알아보도록 하겠습니다. 아이폰 se 특징 1. 칩셋 아이폰 se3에서는 아이폰13과 동일한 A15 Bionic 칩셋을 사용하였습니다. 보급형으로 나온 아이폰 se3이지만 성능은 플래그십 스마트폰과 동일한 것입니다. 전작인 아이폰 se2에 비해 1.2배 빠른 그래픽 성능..

애플워치 se vs 애플워치7 기능 및 차이점 비교 아마 현재 애플워치를 구매하시려는 분들은 저렴한 애플워치se와 애플워치 7과 많은 고민을 하실텐데요. 오늘은 애플워치se와 애플워치 7의 기능과 차이점에 대해 비교해보려고 합니다. 참고로 저는 현재 애플워치 se를 작년에 선물받아서 잘쓰고있는 입장에서 애플워치se 실 사용자가 쓰는 비교 리뷰 시작하겠습니다. 가격비교 및 디자인 우선, 비교를 시작하기전에 애플워치se와 애플워치7의 가격비교를 안할 수 없겠죠! 애플워치se의 가격은 359,000원부터 시작하고 애플워치7의 가격은 499,000원부터 시작합니다. 14만원의 가격 차이가 나네요 :) 다음은 디자인입니다. 왼쪽부터 애플워치se와 애플워치7입니다. 우선 디자인은 거의 유사한데요. 다른 점은 디스플..

갤럭시 S22 사전 예약 마지막 날 (~2022.02.21) 많은 분들이 기다리시던 갤럭시 S22가 발표되었습니다. 현재 갤럭시s22는 2월 14일부터, 2월 21일 까지 사전예약 신청을 받고있는데요. 사전예약을 하게되면 혜택이 있기때문에 구매를 망설이시는 분들께서는 서두르셔야겠습니다 :) 사전예약 바로가기 갤럭시 S22 가격 갤럭시s22의 출고가격은 기본현은 999,000원, 플러스 1,199,000원, 울트라 1,452,000원으로 출시가 되었습니다. 가격은 전작과 그대로 출시가 되었고, 현재 사전예약 혜택으로 13%의 카드 할인 혜택을 받고 구매가 가능합니다. 갤럭시 S22 디자인 기본형과 플러스는 핑크, 그린, 블랙, 화이트 컬러로 출시되었습니다. 전작인 S21과 외관으로는 큰 차이는 없어보입니다..

코인 호재 정보, 일정 사이트 모음 안녕하세요. 코인 호재를 미리 알아볼 수 있는 호재 사이트를 알아보도록 하겠습니다. 요즘 비트코인의 가격이 상승하면서 코인에 대해 관심을 갖게 된 분들이 많으실건데요! 코인 투자하기 전에, 먼저 알아보면 좋은 호재정보를 알 수 있는 사이트를 모아봤습니다 :) 아무것도 모르고 투자하는 것보다, 좋은 호재를 가지고 있는 코인에 투자하는 것이 아무래도 투자 성공가능성이 높겠죠? 그럼 코인 호재정보 사이트에 대해 알아보겠습니다. 1. CoinMarketCap https://coinmarketcap.com/ko/events/ 코인마켓캡은 코인정보 사이트 중에 가장 유명한 곳 중 하나입니다. 2013년도 부터 운영하고 있는 오래된 사이트입니다.바이낸스가 인수한 규모가 큰 사이트이..

카카오맵 api 사용법 및 예제 카카오에서는 다양한 api를 제공하고 있습니다. 그 중에서 오늘은 카카오맵을 알아보겠습니다. 우선 카카오 맵을 사용하려면 API KEY를 발급받아야 합니다. 1. 카카오 개발자 사이트 접속하기 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 위의 링크를 클릭해 카카오 개발자 사이트에 접속합니다. 2. 카카오 API KEY 발급 시작하기 버튼을 눌러줍니다. 애플리케이션 추가하기를 클릭 한 후, 카카오맵을 사용할 사이트의 정보를 입력해줍니다. 입력이 끝났으면, 새로..

갤럭시 s22 출시일, 사전예약 및 스펙 갤럭시 s22의 출시일이 임박하였습니다. 아마 기존 갤럭시 유저라면, 갤럭시 s22의 출시를 기다리고 있으실텐데요. 갤럭시s22의 언팩일정과 출시일, 스펙 등 공개된 여러 정보들을 모아 포스팅해보려고 합니다. 갤럭시S22 출시일 언팩에서 선보일 갤럭시 S22시리즈는 기본형, 플러스, 울트라 총 3개의 제품으로 구성되어 출시 될 예정입니다. 삼성전자에서 2월 10일 0시에 갤럭시 언팩 2022를 개최예정입니다. 이때 스마트폰 신제품인 갤럭시S22시리즈가 공개될 예정입니다. 행사는 온라인으로 진행될 예정이며, 삼성전자 홈페이지와 유튜브에서 확인 가능하다고 합니다 :) 정식 출시는 2월 24일로 예상하고 있습니다. 갤럭시 S22 사전예약 갤럭시 s22의 사전예약 날짜는..

워드프레스 무료 테마 추천 워드프레스는 코딩을 몰라도 웹사이트를 사용할 수 있는 아주 좋은 cms입니다 :) 테마도 다양하고, 플러그인으로 커스텀도 가능한 장점을 가지고 있는데요! 오늘은 워드프레스에서 무료로 사용할 수 있는 테마 중에서 추천할 만한것들을 모아봤습니다. 1.Twenty Twenty 미리보기 다운로드 기본적인 블로그형 반응형 테마입니다. 심플한 레이아웃으로 활용도가 높아보이는 테마입니다. 2.Neve 미리보기 다운로드 블로그, 기업, 개인 포트폴리오 등 여러 사이트에서 사용가능한 Neve 테마입니다. 검색엔진 최적화가 되어있다는 점이 특징이네요! 3.Hestia 미리보기 다운로드 블로그, 기업 개인 포트폴리오에서 사용가능한 Hestia 테마입니다. 4.PhotoBook 미리보기 다운로드 블..

워드프레스(WordPress) 설치 및 다운로드 총 정리 워드프레스는 세계에서 가장 유명한 콘텐츠 관리 시스템(CMS)으로, 웹사이트 시장 40%를 차지할 만큼 높은 점유율을 가지고 있는 CMS입니다. 전 세계 CMS 시장에서는 60%라는 압도적인 점유율을 가지고 있습니다. 워드프레스를 사용해서 블로그, 웹사이트, 쇼핑몰 등의 다양한 사이트를 제작할 수 있습니다. 그럼 오늘은 워드프레스를 설치하는 방법에 대해 알아보겠습니다. 우선 워드프레스를 설치하기 위해서는 웹호스팅이 있어야 합니다. 웹호스팅이 없으신 분들은 아래 포스팅을 참고하여 호스팅을 신청해주세요 ! 국내 호스팅 업체 순위 및 가격 비교 국내 무료 웹 호스팅 서버 사이트 총 정리 1. 워드프레스 다운로드 https://ko.wordpress.or..