본문 바로가기

분류 전체보기567

할로윈에 맞춘 2023년 10월 포켓몬고 이벤트 일정 정리, 스포트라이트 아워, 레이드아워 할로윈에 맞춘 2023년 10월 포켓몬고 이벤트 일정 정리 10월이 다가오면 무엇을 떠올리시나요? 단풍이 물든 가을 풍경, 더운 여름이 물러가고 선선한 바람이 불기 시작하는 시기, 그리고 물론 할로윈! 특히 포켓몬고 플레이어에게 10월은 다양한 이벤트와 새로운 포켓몬, 보너스 등을 경험할 수 있는 기회가 많은 달입니다. 이번 글에서는 2023년 10월 포켓몬고의 주요 이벤트 일정을 한눈에 볼 수 있도록 정리해 드리겠습니다. 스포트라이트 아워 스포트라이트 아워는 특정 포켓몬이 집중적으로 등장하고, 그에 따른 특별한 보너스가 제공되는 시간입니다. 이번 달의 스포트라이트 아워 일정은 다음과 같습니다. 10월 3일(화요일): 포켓몬(야돈), 보너스(박사 사탕 2배) 10월 10일(화요일): 포켓몬(버섯꼬), 보.. 2023. 10. 7.
썸네일 이미지 비율 유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jquery 가로세로 비율 썸네일 이미지 비율 유지 및 가운데 정렬: CSS와 jQuery 활용법 웹 디자인에서 썸네일 이미지나 대표 이미지를 사용할 때, 다양한 이미지의 가로세로 비율이 다를 경우 이를 통일한 디자인으로 표현하고자 하는 경우가 많습니다. 이를 위해 이미지를 해당 비율에 맞춰 자르고, 가운데 정렬하는 방법에 대해 소개하겠습니다. 원본 이미지의 가로세로 비율이 다양함 특정 영역에 이미지를 꽉 차게 표현하면서, 넘치는 부분은 잘라내야 함 CSS만을 활용하여 원본 이미지를 수정하지 않고 원하는 디자인을 구현하고자 함 해결 방법 1. HTML 구조 이미지는 최소 2개의 wrapper에 감싸져야 합니다. 이렇게 감싸진 영역을 활용하여 이미지를 가운데 정렬하고, 넘치는 부분을 잘라냅니다. 2. CSS 스타일링 .featImg.. 2023. 10. 6.
티스토리 블로그 글쓰기 꿀팁은 중꺽마 티스토리 블로그 글쓰기 꿀팁 공유 서론 티스토리 블로그 운영은 애드센스 승인과 수익 창출을 통해 보람찬 경험을 만들어낼 수 있습니다. 이 글에서는 티스토리 블로그를 성공적으로 운영하기 위한 꿀팁들을 소개합니다. 꾸준한 블로그 글쓰기와 효과적인 키워드 활용, 그리고 AI 모델인 chatGPT를 활용하는 방법 등에 대해 알아보겠습니다. 꿀팁 1: 꾸준히 쓰기 티스토리 블로그를 운영하는 데 가장 중요한 요소는 꾸준한 노력입니다. 매일 하루에 최소 2 포스트 이상을 일정한 간격을 두고 꾸준히 작성하는 것을 목표로 하세요. 블로그를 끊임없이 업데이트하는 것이 검색 엔진에서 높은 가시성을 얻는 비결입니다. 시간 맞춰서 글을 쓴다는 것은 불가능합니다. 글 쓰기가 탄력을 받은 날에는 미리 좀 많이 작성해 두세요. 그리.. 2023. 9. 9.
jQuery 선택자 함수 slice() - 시작부터 끝까지 인덱스 일부만 선택하기 jQuery 선택자 함수 slice() - 시작부터 끝까지 인덱스 일부만 선택하기 소개 노트: 1번부터 10번까지 형제 요소들이 있을 때, 특정 범위의 요소만 선택하여 jQuery를 사용하여 동작을 적용하고자 할 때, jQuery slice() 메서드가 유용합니다. 이 메서드는 주어진 선택자에서 일부 요소를 선택하는데 사용됩니다. 아래에서는 이 메서드의 사용법과 활용 예제를 설명하겠습니다. 사용법 slice() 메서드는 다음과 같은 형식으로 사용됩니다: $('selector').slice(start, end).addClass('newClass'); 이 메서드를 실행하면 선택한 요소 중에서 start부터 end까지의 요소가 선택되고, addClass 함수를 사용하여 해당 요소에 'newClass'라는 클래.. 2023. 9. 7.
멀티사이트에서 '쿠키가 차단됐거나 사용 중인 브라우저가 지원하지 않습니다.' 오류 해결 방법 멀티사이트에서 '쿠키가 차단됐거나 사용 중인 브라우저가 지원하지 않습니다.' 오류 해결 방법 서론 워드프레스 멀티사이트에서 로그인 시 '쿠키가 차단됐거나 사용 중인 브라우저가 지원하지 않습니다.' 오류가 발생하는 경우가 가끔 있습니다. ERROR: Cookies are blocked or not supported by your browser. You must enable cookies to use WordPress. 이러한 문제는 쿠키 관련 설정 및 도메인 매핑과 관련된 문제일 수 있습니다. 이 블로그 포스트에서는 이 오류의 해결 방법을 자세히 알아보겠습니다. 쿠키 차단 문제 해결 워드프레스 4.5 이상 버전에서는 별도의 플러그인을 설치하지 않고도 멀티사이트에서 도메인을 연결할 수 있습니다. 직접 주소란.. 2023. 9. 4.
Tippy.js, Popper.js 사용법 tooltip 툴팁 예제 Popper.js를 활용한 툴팁 구현 방법 안녕하세요, 여러분! 오늘은 다양한 기능을 제공하는 툴팁(tooltip)을 소개하려고 합니다. 툴팁은 웹 애플리케이션에서 매우 유용한 기능 중 하나로, 사용자에게 추가 정보를 제공하거나 설명을 더하는 데 도움을 줄 수 있습니다. 이번 포스팅에서는 무료 라이브러리인 Popper.js를 활용하여 툴팁을 어떻게 구현할 수 있는지 알아보겠습니다. 소개: Popper.js와 툴팁 Popper.js는 툴팁 및 팝오버(popover)를 최적의 위치에 놓을 수 있도록 도와주는 라이브러리입니다. 툴팁을 정확하게 원하는 위치에 배치하는 것은 꽤 복잡한 작업일 수 있습니다. Popper.js는 이런 어려움을 더욱 쉽게 해결할 수 있도록 도와줍니다. 또한 이 라이브러리는 부트스트랩과.. 2023. 9. 2.
[SCSS] &:hover의 의미와 input label에 hover했을 때 효과 [SCSS] &:hover의 의미와 input label에 hover했을 때 효과 서론 CSS는 웹 페이지의 디자인과 레이아웃을 제어하기 위한 중요한 언어입니다. 특히 SCSS는 CSS의 확장으로, 보다 효율적이고 유지보수가 용이한 스타일 시트 작성을 가능하게 합니다. 이번 포스팅에서는 SCSS에서 자주 사용되는 &:hover의 의미와 input label에 hover했을 때 적용되는 효과에 대해 알아보겠습니다. &:hover의 의미 SCSS에서 &는 부모 선택자를 나타내며, &:hover는 부모 선택자에 hover 상태가 적용되었을 때를 나타냅니다. 이를 통해 해당 요소의 hover 상태에 따라 스타일을 지정할 수 있습니다. 예를 들어, .button { &:hover { background-color.. 2023. 9. 2.
vscode에서 PHP와 SCSS 함께 사용하기: SASS 컴파일러 설치 ✈ Visual Studio Code에서 PHP와 SCSS 함께 사용하기: SASS 컴파일러 설치 안녕하세요, 여러분! 오늘은 Visual Studio Code를 이용하여 PHP 프로젝트에서 SCSS를 사용하고 SASS 컴파일러를 설치하는 방법에 대해 알아보려고 합니다. 이 포스팅을 통해 웹 개발 과정에서 SCSS의 활용과 함께 SASS 컴파일러를 효율적으로 활용하는 방법에 대해 배워보세요. 준비물 확인하기 우선, 우리가 할 작업에 필요한 준비물을 확인해봅시다. Visual Studio Code 설치: VS Code가 설치되어 있지 않다면, 공식 웹사이트에서 다운로드하여 설치해주세요. SCSS 지식: SCSS는 웹 개발에서 스타일을 효과적으로 작성할 수 있도록 도와주는 언어입니다. 이미 기본적인 SCSS.. 2023. 9. 1.
자바스크립트로 RGB 색상표 만들기 자바스크립트로 RGB 색상표 만들기 서문 RGB색상 코드는 주로 rgb(255, 255, 255)나 #FFFFFF와 같이 사용되며, 이는 컴퓨터가 이해하는 2진수로 변환되어 처리됩니다. 이러한 코드는 색상의 빛의 정도를 나타내는 옥텟(Octet) 단위로 표현되며, 이를 이용하여 다양한 색상을 표현할 수 있습니다. 옥텟과 컬러 표현 각각의 옥텟은 8비트로 구성되어 있으며, 첫 번째 옥텟은 빨간색(R), 두 번째 옥텟은 초록색(G), 세 번째 옥텟은 파란색(B)을 나타냅니다. 이 세 가지 색상의 빛의 정도를 0부터 255까지의 숫자로 표현합니다. 0은 해당 색상의 빛이 꺼진 상태를 나타내며, 255는 최대한 밝은 상태를 의미합니다. 따라서, 예를 들어 #000000은 검은색, #FFFFFF는 흰색을 나타냅니.. 2023. 8. 31.

티스토리툴바