본문 바로가기

전체 글

일본 후쿠오카 텐진 부엉이 카페 후기 Owl Cafe Tenjin ふくろうのいるカフェ天神 일본 후쿠오카 텐진 부엉이 카페 후기 Owl Cafe Tenjin ふくろうのいるカフェ天神
평소 프로필 사진을 부엉이로 할 정도로 부엉이를 좋아해서, 언젠가는 꼭 실물을 가까이서 보고 싶었어요.우리나라에서는 부엉이가 천연기념물로 지정되어 직접 만날 기회가 드물지만,일본에서는 비교적 자유롭게 체험할 수 있다고 하더라고요.그래서 이번 후쿠오카 여행을 준비하면서 가장 먼저 일정에 넣은 곳이 바로텐진 부엉이 카페 Owl Cafe Tenjin였습니다. 월~금 : 13:00~17:00토, 일 : 11:00~17:00무휴​📞전화:+81924064260매장 식사 o, 포장/배달 X, 휠체어 이용 좌석 Xhttps://www.owlscafetenjin.com/예약링크:https://maidreaminhttps://www.jalan.net/kankou/spt_guide000000197167/.com​필수 입..
Vue - 페이지 이동시 onMounte 동작하지 않을 때 해결방법 Vue - 페이지 이동시 onMounte 동작하지 않을 때 해결방법
Vue3에서 페이지를 변경했는데 해당 페이지에 컴포넌트에서 onMounted 훅을 타지 않는 이유는 컴포넌트가 실제로 언마운트되지 않고 재사용되었을 가능성이 있습니다. 이전페이지에서도 사용하는 컴포넌트를 이동한페이지에서 사용한다면 컴포넌트 재사용으로 마운트 하지않는경우 발생 해결방법- 해당 컴포넌트에 :key 값을 추가하여 컴포넌트를 완전히 새로 마운트하도록 합니다. 이 방법은 router-view가 라우트 경로가 바뀔 때마다 컴포넌트를 완전히 새로 마운트하도록 강제합니다. 그 결과 onMounted() 훅도 매번 새롭게 실행됩니다.
뉴욕 숙소 코트야드 바이 메리어트 뉴욕 맨해튼 호텔 후기 Courtyard by Marriott New York Manhattan Central Park 뉴욕 숙소 코트야드 바이 메리어트 뉴욕 맨해튼 호텔 후기 Courtyard by Marriott New York Manhattan Central Park
뉴욕에서 3박을 코트야드 바이 메리어트 뉴욕 맨해튼/센트럴파크에서 숙박했습니다.리뷰 바로 알려드립니다. 이름 : Courtyard by Marriott New York Manhattan / Central Park주소 : 1717 Broadway, New York, NY 10019 미국룸종류 : Room, 1 King Bed, View, Corner │로비 호텔 로비는 넓고 쾌적한 분위기였으며,리셉션에는 항상 직원이 상주해 있어 편리하게 응대받을 수 있었습니다.체크인 카운터 맞은편에는 러기지를 보관할 수 있는 공간도 마련되어 있습니다. 엘리베이터로 향하는 길목에는 레몬워터와 딸기워터가 준비되어 있었는데,상큼하고 시원해서 오가며 자주 마셨습니다.큰 서비스는 아니지만 이런 세심한 배려가 호텔에 만족감을 ..
라스베가스 호텔 힐튼 클럽 엘라라 Hilton Club Elara 후기 라스베가스 호텔 힐튼 클럽 엘라라 Hilton Club Elara 후기
라스베이거스 여행을 준비하면서 가장 큰 고민은 역시 호텔이었어요. 어디를 가도 각자의 개성이 뚜렷하고 화려한 컨셉을자랑하는 곳들이라 선택이 쉽지 않더라구요.이번 여행에서는 스트립 중심부에 머물면서도 넓고 편안하게 지낼 수 있는 동시에,라스베이거스의 화려함까지 제대로 느껴보고 싶었는데요.그렇게 선택한 곳이 바로 힐튼 클럽 엘라라(Hilton Club Elara)였어요.숙소명 : 힐튼 클럽 엘라라 Hilton Club Elara Las Vegas 주소 : 80 E Harmon Ave, Las Vegas, NV 89109 미국 방종류 : 스튜디오, 킹사이즈침대 │위치엘라라는 위치가 진짜 좋아요.특히 라스베이거스 관광의 메인이라 할 수 있는 벨라지오 호텔과 매우가깝습니다. 플래닛 헐리우드 호텔과 직접 연결되어..
LA 호텔 - 더 빌트모어(The Biltmore) 호텔 리뷰 LA 호텔 - 더 빌트모어(The Biltmore) 호텔 리뷰
LA에서의 두 번째 숙소는 더 빌트모어 로스앤젤레스입니다!다운타운에 위치해 있어 근처에는 그랜드 센트럴 마켓과 영화 라라랜드에 등장해 유명해진 엔젤스 플라이트 같은관광지가 있습니다. 안전 면에서는 베버리 힐즈가 더 낫지만, 저녁 일정으로 예정된 그리피스 천문대와 다저스 스타디움이 가까워서 밤에 숙소로 돌아오는 동선이 짧다는 점이 큰 선택 요인이었어요. LA는 치안이 위험하다는 이야기가 많지만, 저는 가격이 합리적이면서도 안전하고 룸 컨디션이 좋은 곳을원했기에 이 숙소를 선택했습니다. 숙소명 : The Biltmore Los Angeles주소 : 506 S Grand Ave, Los Angeles, CA 90071 미국방종류 : 이그제큐티브룸 킹배드 │로비 4성급 호텔 답게 로비부터 아주 고급지게 생겼 ..
LA호텔 - 힐튼 체커스 로스앤젤레스(Hilton Checkers Los Angeles)후기 LA호텔 - 힐튼 체커스 로스앤젤레스(Hilton Checkers Los Angeles)후기
안녕하세요 B군입니다!최근 미국여행을 다녀왔는데요. 미국 호텔 후기를 남겨보겠습니다.미국 첫 도시인 로스앤젤레스에서 머문 힐튼 체커스 로스앤젤레스(Hilton Checkers Los Angeles)입니다!    숙소명 : Hilton Checkers Los Angeles( 힐튼 체커스 로스앤젤레스 )주소 : 535 South Grand Avenue, Los Angeles, CA, 90071 미국방종류 : 킹배드룸    우선 호텔 정문의 모습입니다. 가드들이 입구를 지키고 있습니다. 발레직원도 함께 있습니다.다운타운이라 위험할 수도 있다고 생각하는데 따로 위험한 건 없었습니다.  엘리베이터는 방키를 태그 후 버튼을 누르는 형식이었습니다.  바에서 사용했지만 할인적용은커녕 더 비싸게 결제했습니다.● 체커스 ..
개발에 유용한 사이트 추천 개발에 유용한 사이트 추천
여러 가지 개발에 필요한 기능을 많이 가지고 있는 사이트!  추천드립니다.  https://www.coderstool.com/ No-Code Tools for Developers, DevOps, Server Admins, IT | Comprehensive ToolsetFree no-code tools for Developers, DevOps Engineers, Server Admins, IT Operations, Financial Professionals. From development to server managementwww.coderstool.com 주요기능 SITEMAPData Format Conversion ToolsJSON To CSVCSV to JSONJSON Escape / Unescape..
Vue3 - pinia 사용시 storage 반영이 느릴 경우 해결 법 Vue3 - pinia 사용시 storage 반영이 느릴 경우 해결 법
Vue3에서 pinia를 통해 상태관리를 할 경우import { defineStore } from "pinia";export const useTest = defineStore("test", { state: () => ({ loadingFlag: false, payParam: { price: "", id: "", grpId: "", }, }), getters: {}, actions: { setPayParam(data) { this.payParam.price = data.price; this.payParam.id = data.id; this.payParam.grpId = data.grpId; }, }, per..
Vue3 - 간단한 토스트 알림 적용 Vue3 - 간단한 토스트 알림 적용
vue3-toastify를  사용한 Vue 토스트 알림 적용 1. vue3-toastify 설치npm install --save vue3-toastifyoryarn add vue3-toastify 2. 소스적용vue3 script setup 으로 사용 메인화면3. 화면 확인 데모 페이지를 통하여 필요한 Toast 얼럿 생성 가능 Demo URL- https://vue3-toastify.js-bridge.com/ Document URL- https://vue3-toastify.js-bridge.com/get-started/introduction.html
이탈리아 피렌체 호텔 리뷰 - Hotel Pendini(호텔 펜디니) 숙소 후기 이탈리아 피렌체 호텔 리뷰 - Hotel Pendini(호텔 펜디니) 숙소 후기
이번 숙소는 피렌체 숙소인 호텔 펜디니 (Hotel Pendini)입니다!호텔 외부 내부 할 것 없이 너무 이쁘고 관광지랑도 가까워서 도보로 걷기 좋았어요! 숙소명 : Hotel Pendini(호텔 펜디니)주소 : Via degli Strozzi, 2, 50123 Firenze FI, 이탈리아홈페이지 : http://www.hotelpendini.it/체크인 시간: 오후 2:30 체크아웃 시간: 오후 12:00방종류 : 더블룸   호텔 펜디니를 선택한 가장 큰 이유는 거리와 인테리어였어요 문 열고 나오면 레푸블리카 광장이 바로 앞에 있고 피렌체 성당도 5분 거리입니다.주변이 쇼핑거리라 오며 가며 쇼핑 하기도 좋았어요ㅎㅎ입구는 다른 매장과 비슷하게 어우러져 있어서 간판을 잘 확인해야 해요 ㅎㅎ입구에서부터 ..
델타항공 - 항공권 예매하기 델타항공 - 항공권 예매하기
step1  - 항공권 검색하기- 원하는 루트의 항공 편 검색하기step2 - 원하는 시간대 및 등급 선택- 베이직으로 진행 시 메인케빈으로 변경하라는 팝업 창 나타날경우(하단에 체크박스 체크 후  베이직이코노미로 진행 선택 하시면 그대로 진행됩니다.) step3 - 요약  페이지- 자신의 여행 스케줄이 맞는지 확인하시고 하단에  '검토 및 결제로 계속' 버튼 클릭 후 결제 페이지로 이동 step4 - 결제페이지- 선택사항으로 되어있는 부분 빼고 모두 채워주시면 됩니다. 추가 호칭의 경우는 미선택으로 진행하였습니다.-  아래 지불 정보 입력 시 카드상의 이름부분을 카드에 적혀있는 이름을 정확하게 작성하여야 진행이 가능합니다!(띄어쓰기도 하셔야 진행이가능합니다. 다른항공사들은 띄어쓰기 확인을 안하던데 여기..
Vue - 두번 클릭해야 화면 이동 할 경우(a태그) Vue - 두번 클릭해야 화면 이동 할 경우(a태그)
a태그 href에 '#'을 사용할 때 발생하는 이슈와 해결 방법 - 웹 개발 중에 종종 태그의 href 속성에 #을 사용하는 경우가 있습니다. 이는 주로 JavaScript 이벤트와 연결하여 동적으로 내용을 변경하거나 화면을 스크롤하는 등의 동작을 수행하기 위해 사용됩니다. 그러나 Vue.js와 같은 프런트엔드 프레임워크를 사용할 때, 이러한 방식으로 링크를 처리할 때 문제가 발생할 수 있습니다. 퍼블리싱받은 파일에 다음과 같이 태그가 포함되어 있다고 가정해 봅시다. 약관 동의 일반적으로 이 링크를 클릭할 때 Vue.js의 router.push()를 사용하여 화면을 이동하고자 할 때, 다음과 같이 코드를 작성할 수 있습니다. 약관 동의 //pageMove에는 다음과 같이 router를 사용한다고 할경우 ..

티스토리툴바