전체 글62 [연남동 맛집] 베따Vetta, 트러플 크림 뇨끼가 정말 맛있는 곳 연남동 신상 맛집 이탈리안 레스토랑 베따Vetta 2024년 새해를 맞이하여 오랜만에 친구들과 근사한 곳에서 점심을 먹기로 했습니다. 연남동에 작년 12월 오픈한 따끈따끈한 신상 맛집 이탈리안 레스토랑 베따Vetta 입니다. 베따Vetta 영업시간 화요일-일요일 11:00~22:00 브레이크타임 15:00~17:00 매주 월요일 휴무 연남동 베따는 홍대입구역 3번 출구에서 577m가량 떨어진 연남동 골목에 위치해 있습니다. 도보로 15분가량 걸린 듯합니다😊 건물 3층에 있어서 간판이 잘 안 보입니다! 건물 측면의 아주 작은 간판을 보고 찾았습니다. 베따 아랫층에 올드문 셀프 스튜디오가 있으니 참고해서 찾아가시면 될 것 같네요. 건물 오른쪽 계단으로 입장합니다. 연남동 맛집 이탈리안 레스토랑 베따 Trat.. 2024. 2. 6. Vue(version 3) 주요 기능 정리(v-model) #6 주요 기능 정리 #5에서는 input type=checkbox, type=radio일 때 v-model을 사용했을 경우에 대해서 알아봤다. 이번 주제는 select 컴포넌트에서 v-model을 사용하는 법에 대해서 알아보고자 한다. True False A B C D {{ user.UserName }} const selectedBooleanValue = ref(false) const selectedStringValue = ref('A') interface UserInfo { UserId: string UserName: string } const selectUser = ref({ UserId: 'test', UserName: '테스트' }) let selectOption: UserInfo[] = [ { Us.. 2024. 2. 5. Vue(version 3) 주요 기능 정리(v-model) #5 주요 기능 정리 #4에서는 input type=text일 때 v-model을 사용했을 경우에 대해서 알아봤다. 이번 주제는 input type=checkbox, type=radio 에 대해서 알아보고자 한다. 커피 차 물 유리컵 일회용컵 텀블러 const isUse = ref(false) const selectedList = ref([]) const choiceValue = ref('Cup') 1번째 예제는 v-model을 boolean으로 사용가능하다는 예제이다. 물론 string 도 가능하다. 2번째 예제는 한개의 변수에 여러개의 Array 형태로 사용이 가능하다는 예제이다. 예제에서는 string Array를 사용하였지만, object Array 로도 사용이 가능하다. 3번째는 라디오 버튼의 예제이.. 2024. 2. 2. Vue(version 3) 주요 기능 정리(v-model) #4 v-model 의 기능을 소개해 보고자 합니다. 일단 vuejs를 쓰는 이유중에 하나 이기도 한 v-model은 입력 Element와 밀접한 관련이 있다. 주로 Input 에 사용하기 때문이다. 그리고 REST Api와도 관련이 있을 것이다. 이 페이지에서는 v-model을 input text에서 사용하는 법을 적어본다. const id = ref('') let vueLessId: string | null = '' // 입력 이벤트 const eventInput = (payload: Event) => { const target = payload.target as HTMLInputElement if (/(&#@)/.test(target.value)) { alert('특수문자 안돼~') } vueLessId.. 2024. 1. 28. 이전 1 2 3 4 5 6 ··· 16 다음 반응형
