그냥, 일단 써내려가자

안녕하세요 무택입니다 :) 오늘은 window 마우스 커서 변경하는 방법에 대해 써보도록 하겠습니다. 기본 마우스도 좋지만 커스텀해서 사용하면 본인한테 더 맞는 커서를 사용할 수 있어서 기분이 좋습니다😊 파일 다운받는 링크 https://custom-cursor.com/ Custom Cursor Custom Cursor is a browser extension that lets you change your cursor to a custom one from our giant cursor collection to choose from or upload your own cursors custom-cursor.com https://www.cursors-4u.com/ Free Cursor Downloads - C..

[API]카카오 지도를 간편하게 불러오는 방법 안녕하세요 무택입니다 :) 오늘은 카카오 지도를 불러오는 방법에 대해 써보려고 합니다. 웹사이트를 구현하다 보면 지도 기능이 필요한 경우가 생기는데 보통 구현하기 힘들 경우 이미지로 대 mu08.tistory.com 위 링크에서 카카오 맵을 어떻게 등록하는지 알 수 있습니다. 안녕하세요 무택입니다. 오늘은 VScode에서 카카오 지도를 라이브서버로 테스트해보려고 할 때 안 나오는 오류에 대해서 써보려고 합니다. 지도를 등록하는 과정에서 도메인 입력을 실수했을 때 일어나는 오류인데 아래 내용을 확인해서 수정해 보시길 바랍니다. 카카오 지도 401 에러 해결 방법 위와 같이 "Failed to load resource: the server responded wi..

안녕하세요 무택입니다 :) 오늘은 카카오 지도를 불러오는 방법에 대해 써보려고 합니다. 웹사이트를 구현하다 보면 지도 기능이 필요한 경우가 생기는데 보통 구현하기 힘들 경우 이미지로 대체하는 경우가 있습니다. 하지만 확실히 지도를 불러오는 방법이 사용성이 좋기 때문에 아래 방법을 보면서 따라 해보시길 바랍니다😊 카카오 지도 불러오는 방법 크게 순서는 이렇게 됩니다. 1. 카카오 API 제공 사이트에서 애플리케이션 기능으로 고유 API키를 발급 2. 지도 기능을 사용할 수 있는 코드를 복사해 와 고유 API키를 입력 3. 기타 커스텀 기능을 활용하면 다양하게 사용이 가능. 자세한 설명은 아래를 참고해 주세요. 1. 카카오 지도 api 사이트에서 "카카오 개발자사이트" 들어가기 2. 로그인 후 시작하기를 눌..

.test() 함수 사용 /.../.test(요소) 요소에 ...가 있는지 확인 /a/.test(요소) : 요소에 a를 포함하고 있으면 true 반환 /[a-z]/.test(요소) : 요소에 a부터 z까지 소문자가 있으면 true 반환 /[A-Z]/.test(요소) : 요소에 A부터 Z까지 대문자가 있으면 true 반환 /[ㄱ-ㅎ]/.test(요소) : 요소에 ㄱ부터 ㄴ까지 자음이 있으면 true 반환 /[0-9]/.test(요소) : 요소에 0부터 9까지 숫자가 있으면 true 반환 /^a/.test(요소) : 요소가 a로 시작하면 true 반환 /a$/.test(요소) : 요소가 a로 끝나면 true 반환 /\S/.test(요소) : 요소에 아무 문자 하나를 포함하고 있으면 true 반환 /\S+@\..

스크롤 유도 애니메이션 See the Pen 스크롤 유도 액션 by TytanLee (@TytanLee) on CodePen. 애니메이션(딜레이 조절)을 활용한 스크롤 유도 효과

Clip-path를 활용한 마우스오버 효과 See the Pen Hover 이미지 슬라이드 효과 by TytanLee (@TytanLee) on CodePen. clip-path를 활용해서 디테일한 움직임을 보여줄 수 있는 모션

카드형 이미지 마우스 오버 효과 See the Pen [css]hover 효과 참고(scale) by TytanLee (@TytanLee) on CodePen. transform과 transform-origin을 활용한 마우스 오버 효과

3일 차 루트 호텔 체크아웃 - 툴리즈커피 텐진신텐쵸점 - 파르코 백화점 - 이치란라멘 - 후쿠오카 공항 호텔 체크아웃 짧지만 너무 좋았던 3일의 숙박을 끝내고 나오면서 직원분한테 캐리어 무게 잴만한 거 없냐고 물어봤는데 정말 오리지널 저울을 가지고 나와주시더라구요..친절은 감사하지만 너무 손이 많이 가는 것 같아서 약간 죄송하더라구요. 혹시 모르니까 호텔에서 무게 한 번 재고, 도요호텔에서는 체크아웃하고 당일은 짐보관이 가능해서 짐 보관을 맡기고 남은 여행을 즐기러 나왔습니다. 파르코 백화점 다음 목적지는 파르코 백화점이었는데 가면서 시간이 이르길래 툴리즈커피를 들려서 약간의 여유를 즐겼어요. 근데 다른 곳은 괜찮은데 카페는 일본어를 어느 정도 해야 주문이 가능할 것 같더라구요. 카페에서 신기했던 점은..

2일 차 루트 하카타역 - 다자이후 - 하카타 역 기온테이 - 다이소 - 돈키호테 나카스점 - 도요 호텔 다자이후 구경 2일 차 첫 목적지는 다자이후였어요. 후쿠오카에서 유명한 게 다자이후, 료칸, 무슨 해변 이렇게 여러 가지 있는데 저는 다자이후가 사진 찍기 좋을 것 같아 갔었어요. 하카타역에서 출발해서 환승을 한 번 하면 다자이후역에 도착할 수 있어요. 역에서 나오면 바로 앞에 다자이후 가는 길이 쭉 있는데 정말 멋있어요. 여기서 기념품을 많이 사는데 기념품을 사실 거면 입구 쪽보다 안쪽이 가격이 조금 더 싸니까 안쪽에서 사는 걸 추천드려요! 그리고 일단 제일 유명한 스타벅스는 사람이 정말 많아요. 사진 찍으려면 시간을 정말 잘 맞춰서 가야 할 것 같고, 카페들이 브레이크 타임이 있는 곳이 있어서 카..

안녕하세요 무택입니다 :) 오늘은 후쿠오카에 다녀온 후기를 써보려고 해요. 첫 해외여행을 나가서 재미있었는데 혹시라도 후쿠오카에 여행을 가려는 분들을 위해 최대한 도움이 될 수 있도록 써보도록 할게요😀 사전 정보 먼저 여행에서 은근 중요한 부분 환율! 저는 여행 가기 3주 전에 은행에서 일하는 지인한테 부탁해서 1엔 = 9.8원일 때 환전을 했어요. 근데 그 후에 엔화가 계속 떨어지더라구요..글을 쓰고 있는 지금은 9.04원이네요😭 항공료는 왕복 30만 원에 구입했어요. 목요일 아침에 출발 - 토요일 밤에 복귀하는 편으로 구입했는데 나름 괜찮은 가격이었던 것 같아요. 숙박료는 하카타역 근처에 "도요 호텔"로 예약했는데 2박에 15만 원에 예약했어요. 그럼 사전 정보는 여기까지 하고 본격적으로 여행 후기를..