Life.Contains("Coding");

모든 Vue application은 createApp 함수를 사용하여 새 어플리케이션 인스턴스를 생성함으로 시작된다. import { createApp } from 'vue' // import the root component App from a single-file component. import App from './App.vue' const app = createApp(App) createApp 함수에 전달되는 객체는 다른 components를 자식으로 포함할 수 있는 Root Component로 보통 ./App.vue를 사용한다. Vite를 이용해 생성한 프로젝트에는 다양한 components가 생성되었는데 구조를 본다면 아래와 같다. App (root component) ├─ HelloWorld..

앞선 글에서 Vue-cli로 프로젝트를 생성해보았다. 본격적으로 document를 톺아보기 앞서 Quick Start 섹션을 보다가 한 문구를 발견해버렸다. The official Vue build setup is based on Vite, a frontend build tool that is modern, lightweight and extremely fast. Vue-cli로 실컷 했더니 official이 따로 있었다...ㅎ Vite를 이용하여 다시 프로젝트를 생성해보자. Vite로 프로젝트를 생성하기 위해선 Node.js가 설치되어있어야 한다. 나는 개발환경 설정할 때 Node.js를 설치했기 때문에 설치 과정을 건너뛰고 VS Code의 command를 켜본다. Vite를 이용하여 Vue proje..

앞서 로컬 환경에 Vue.js 개발 환경 설정을 완료하였으니 프로젝트를 생성해보자. Vue CLI를 이용해 프로젝트를 생성해본다. CMD 창을 켜고 프로젝트를 생성할 폴더로 이동해준다. CMD 창을 켜지 않고 VS Code(Visual Studio Code) 하단 터미널에서 생성하는 것도 가능하다. 프로젝트를 생성하기 위해선 아래의 명령어를 입력해준다. 과거엔 vue init으로 프로젝트를 생성하였지만 Vue CLI >= 3 에서는 vue create를 사용한다. vue create VueProject01 PS D:\Study\Vue\VueExercises> vue init webpack-simple VueProject01 vue : 'vue' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 ..

개발자라면 프론트엔드와 백엔드를 구분하지 않고 영역을 끊임없이 넓혀나가야 하지 않을까. 지난 회사에서 다루었던 Vue.js, 이직 후 머릿속 한편 구석에 박아두었지만 다시 꺼낼 때가 된 것 같다. Windows11으로 업그레이드 한 김에 Vue.js 개발환경 설정을 시작해본다. 1. Visual Studio Code 설치 .NET 개발자인 나에게 세상에서 제일 익숙한 Visual Studio Code. Visual Studio에 비해 훨씬 가볍고 다양한 Extension을 지원하는 것이 가장 큰 특징이다. 어떠한 개발 언어든 가볍게 사용하기에 Visual Studio Code만 한 게 없지 않을까. https://code.visualstudio.com/ Windows11로 업그레이드하니 모든 창이 mac..

함덕으로 숙소를 옮긴 후 매일 저녁마다 대체 뭘 먹어야 할지가 가장 큰 고민이었다. 함덕에 묵기 시작한 첫날 숙소 인근 나의 눈길을 끄는 한 가게가 있었다. 검색해보니 제주도 고등어 봉초밥이 대표 메뉴라는데, 마침 고등어회를 한 번 먹어보는 게 소원이었던 나는 겸사겸사 이곳에 방문해야겠다 싶었다. 하지만 입장과 함께 재료소진이라는 비보를 듣게 되었고 다음 날을 기약하며 떠나야 했다. 궁금한 건 참지 못하는 성격에 꼭 먹어 봐야겠다 싶어 그 다음날 또 향했고, 또 재료 소진이라는 말과 함께 가게를 나섰다. 오기가 생긴 나는 세 번째 방문 때 매장 오픈 시간에 맞춰 숙소에서 나섰고 드디어 입장할 수 있었다. 오픈 시간보다 15분 늦게 도착했더니 45분 정도 웨이팅 후 입장했다. 영업시간 17:00 ~ 23:..

행복했던 소곤닥하우스에서의 쉼을 마치고 다음 숙소로 옮기기 전 소곤닥하우스 건물 1층에 위치한 카페 호다에 들려 숨을 돌렸다. 소곤닥하우스에서 숙박하면 호다의 할인쿠폰도 제공해주시니 들리지 않을 수가 없지. 영업시간 11:00 ~ 18:00 매주 월요일 휴무 바람이 적잖게 부는 날씨였는데 바닷가쪽이 아닌 곳에 위치해서인지 평화롭기 그지없다. 세면대 반대편 벽만 찍어버렸지만 호다의 화장실은 세면대와 분리되어 있어 간단하게 손 씻기도 좋은 구조. 메뉴판이 곧 아이패드인지라 사진으로 남기기는 실패했다. 내가 주문한 것은 얼그레이 에이드(아마 6,000원)와 데본 허니 케이크(아마 6,000원). 내가 마실 수 있는 음료가 얼그레이 에이드뿐이어서 시켰는데 정말 새로운 맛이다. 뭔가 얼그레이 티의 묵직한 맛에 상..

어무니가 서울로 돌아가시면서 기존에 묵었던 호텔 레오에서 나와 예약해둔 다음 숙소로 향했다. 이미 모든 짐을 들고 1100고지를 다녀온 상태라 내 몸과 마음은 너덜너덜. 빨리 숙소로 돌아가 쉬고싶다는 생각밖에 들지 않았다. 어무니와 함께하는 숙소를 고르는 건 참 어려웠지만 혼자 사용할 숙소를 고르는 건 간단했다. 대충 위치를 정해 해당 위치에 있는 숙소를 검색했고 슥슥 보다가 맘에 드는 곳을 골랐다. 그중 하나가 바로 소곤닥하우스. 소곤닥하우스는 네이버, 에어비앤비에서 예약 가능하다. 소곤닥하우스는 함덕 비석거리 버스정류장에서 단 2분만 걸어가면 발견할 수 있다. 주차장이 있긴 하지만 협소한 편이다. 로비에 들어서니 소곤닥하우스 내부를 보여주는 모형이 있다. 코로나로 인한 것인지는 모르겠지만, 로비에 들..

함덕에는 음식점이 적지 않게 있지만 대부분 웨이팅이 있기도 하고 1인이 식사하기 애매한 곳도 많아 저녁만 되면 어딜 가야 하나 고민에 빠지게 된다. 이번에도 어딜 가야하나 고민에 고민을 거듭한 끝에 숙소 근처에 이름부터 나의 시선을 강탈하는 존맛식당에 방문했다. 영업시간 11:00 ~ 21:00 브레이크 타임 15:00 ~ 17:00 대표 메뉴 제주문어철판볶음 38,000원 제주문어차돌짬뽕 13,000원 방문 당시 메뉴판 사진을 안 찍어서 다음 날 다시 찍은 메뉴판. 약간 술과 함께 먹기 좋은 메뉴들로 구성되어 있다. 존맛식당은 제주문어요리 전문점으로 제주문어철판, 제주문어차돌짬뽕, 제주문어차돌냉파스타가 대표 메뉴인 것 같다. 차돌짬뽕은 쉽게 지나칠 수 없는 메뉴이기에 제주문어차돌짬뽕으로 주문. 단무지,..

고기를 잘 드시지 않는 어무니가 그나마 유일하게 드시는 돼지 요리인 돈까스. 꼭 대접해드리고 싶었기에 제주도에 도착한 그날부터 매일매일 도전했던 연돈 예약. 매일 7시 59분에 알람을 맞춰놓고 시도했으나 늘 실패로 돌아갔고 놀랍게도 어무니가 서울 올라가시자마자 성공했다. 맘마미안 영업시간 12:00 ~ 21:00 브레이크 타임 16:00 ~ 18:00 매주 월요일 휴무 대표 메뉴 등심까스 9,000원 치즈까스 10,000원 카레추가 3,000원 연돈이 골목식당에 처음 나왔던 게 2018년도였던 것 같은데 벌써 2022년이다. 방송 출연 직후부터 현재까지 3년이 넘게 흘렀는데 여전히 인기가 이리도 많은 것은 그만큼 사장님께서 노력하셨기 때문이겠지. 연돈에서 예약자만 입장할 수 있도록 변경된 지 꽤 된 것 ..

연돈에 방문하는 당일. 힘겹게 예약했는데 혹여나 늦을까봐 1시간 반이나 일찍 도착해버렸다. 시간이 남아 주변에 어디 갈 곳 없나 찾아보던 찰나 천제연폭포가 보여 가볍게 다녀오기로 했다. 운영시간 연중무휴 09:00 ~ 18:00 (일몰 시간에 따라 변경될 수 있음) 이용요금 어른 2,500원 어린이, 청소년, 군인(하사 이하) 1,350원 관람료 정보. 매표소에서 표를 구매하면 된다. 매표소 바로 앞쪽 검표소에서 표를 제시한 후 본격적으로 관람 시작. 천제연폭포는 한라산에서 시작된 중문천이 바다로 흐르면서 형성된 폭포로 총 3개의 폭포로 나뉜다. 제1폭포는 주상절리 절벽에서 천제연(못)으로 떨어지며 제2,3폭포는 천제연의 물이 더 아래로 흐르면서 형성되었다. 제1폭포는 비가 많이 내려 상류에서 하천수가 ..