본문 바로가기

분류 전체보기

힐튼 체커스 로스앤젤레스(Hilton Checkers Los Angeles)호텔 후기 힐튼 체커스 로스앤젤레스(Hilton Checkers Los Angeles)호텔 후기
숙소명 : Hilton Checkers Los Angeles( 힐튼 체커스 로스앤젤레스 )주소 : 535 South Grand Avenue, Los Angeles, CA, 90071 미국체크인 시간: 오후 16:00 체크아웃 시간: 오전 11:00방종류 : 킹사이즈침대 1개아침 식사(요금 별도) - 매일 07:00 ~ 09:30당일예약으로 38만원에 예약  안녕하세요 B군입니다!24.10.11에 미국을 다녀왔는어요.미국 첫 도시인 로스앤젤레스에서 머문 힐튼 체커스 로스앤젤레스(Hilton Checkers Los Angeles)입니다!     한국과 미국의 시차를 생각 못하고 다음 날짜에 예약을 해서 도착한 당일에 급하게 예약 가능한 곳을 찾아가게 된 곳이에요ㅜㅜ 각설하고  힐튼 체커스 로스앤젤레스를 소개..
개발에 유용한 사이트 추천 개발에 유용한 사이트 추천
여러 가지 개발에 필요한 기능을 많이 가지고 있는 사이트!  추천드립니다.  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를 사용한다고 할경우 ..
Vue - 간단 다국어 적용 방법(pinia사용) Vue - 간단 다국어 적용 방법(pinia사용)
Vue3에서 다국어 적용하기! 우선 저는 다국어 지원 vue-i18n 없이Pinia를 통해 다국어를 적용했습니다. pinia 설치는 아래 포스팅을 통해 적용해주시면 됩니다https://bman-note.tistory.com/44 vue3 - pinia 간단 세팅 방법이번 포스팅에서는 vue3에서 상태관리를 위한 pinia 세팅을 해보겠습니다. pinia, pinia-plugin-persist 설치 pinia : 상태관리 라이브러리 참고링크 : https://pinia.vuejs.kr/core-concepts/ pinia-plugin-persist : storage 저bman-note.tistory.com1. Json 파일 생성//kr.json{ "key1": "안녕하세요", "key2": "감사합니다..

티스토리툴바