전체 글 썸네일형 리스트형 [Vue] 프로젝트 구조 Vue 프로젝트는 기본적으로 여러 폴더와 파일들로 구성됩니다. 가장 중요한 파일 중 하나는 App.vue 파일입니다.이 파일은 Vue 애플리케이션의 시작점을 담당합니다. 아래는 Vue 프로젝트의 기본 구조입니다.🚀 1. App.vue 💻App.vue는 Vue 애플리케이션의 최상위 컴포넌트입니다.이 파일에서 애플리케이션의 레이아웃과 스타일을 설정하고, 다른 컴포넌트를 불러옵니다.App.vue의 기본 구조 Hello, Vue 3! template: 이 부분은 Vue 컴포넌트의 HTML을 작성하는 곳입니다. Vue는 template 안에 작성된 HTML을 기반으로 UI를 구성합니다.script: 이곳은 Vue 컴포넌트의 로직을 작성하는 곳입니다. export default를 사용하여 컴포넌.. 더보기 [Vue] 개발환경 설정 / 프로젝트 생성 이 챕터에서는 Vue 3 개발을 위한 환경을 설정하는 방법을 단계별로 설명합니다.Vue를 설치하고, 필요한 도구들을 설정하여 Vue 프로젝트를 시작할 수 있는 준비를 마칩니다. 🚀 1. Node.js와 npm 설치 💻Vue.js는 Node.js와 npm을 기반으로 실행됩니다. 따라서 Vue 프로젝트를 시작하려면 먼저 Node.js와 npm을 설치해야 합니다.Node.js 설치 방법:Node.js 공식 웹사이트에 접속하여 LTS 버전을 다운로드합니다.설치가 완료되면, 명령어 프롬프트(또는 PowerShell)를 열고 다음 명령어로 설치가 제대로 되었는지 확인합니다: node -v npm -v설치된 Node.js와 npm 버전이 출력되면 정상적으로 설치된 것입니다. ✅설치 경로 확인:Node.js와 np.. 더보기 [Vue] Vue 3 Tutorial for Beginners 👉Chapter 1: 0:00 - 소개Vue.js의 기본 개념과 그 장점에 대해 소개합니다. 왜 Vue.js를 배워야 하는지, 다른 프레임워크와 비교했을 때 어떤 점이 유리한지 설명합니다.👉Chapter 2: 0:42 - 개발환경 설정Vue 개발을 위한 환경을 설정합니다. Node.js와 npm을 설치하고, Vue CLI를 설치하는 방법을 단계별로 안내합니다.개발 툴 추천 (VS Code, Vetur 확장 등)도 함께 소개합니다.👉Chapter 3: 4:14 - Vue 3 프로젝트 생성Vue CLI를 사용하여 Vue 3 프로젝트를 생성하는 방법을 설명합니다.프로젝트 구조와 주요 파일 설명을 통해 기본적인 이해를 돕습니다.👉Chapter 4: 6:57 - 문서에 데이터 표시하기Vue에서 데이터를 어.. 더보기 [디자인] 피그마 툴 구조 2-1 파일 브라우저 소개File browser (=Workspace)파일 브라우저는 파일을 생성 및 관리하고 커뮤니티로 이동할 수 있는 공간입니다.- Account 툴 바 내 계정 메뉴와 계정 전환을 통해 새로운 계정을 추가하고 계정을 전환할 수 있습니다.- Notifications권한, 코멘트, 커뮤니티 등의 활동에 대한 알림을 확인할 수 있습니다.- Recents최근에 보거나 편집한 파일 및 프로토타입을 확인할 수 있습니다.- DraftsDrafts는 팀과 프로젝트 내 소속되어있지 않은 파일들이 모여있는 개인 공간입니다.Drafts의 Deleted 메뉴를 통해 모든 아카이브 내 삭제 파일을 확인 할 수 있습니다.- Team공통으로 편집 가능한 영역으로, 플랜이 할당되는 단위입니다.-Workspace.. 더보기 [디자인] 피그마 소개 1-1 피그마 등장 배경1-2 회원가입1-3 데스크탑 앱과 웹 더보기 [정보] 지하철역 산지직송…추석맞이 농산물 직거래장터 열린다 지하철역 산지직송…추석맞이 농산물 직거래장터 열린다 지하철 역사에서 추석맞이 산지직송 농산물 직거래 장터가 열린다. 서울교통공사는 9월 2일부터 27일까지 추석맞이 ‘S-메트로컬 마켓’ 행사를 진행한다. 유동인구가 많은 주요 지하철 역사에서 충주시, 하동군 등 9개 지자체가 지역의 제철 농산물과 함께 서울시민들을 찾는다. ‘S-메트로컬 마켓’은 지하철 공실상가를 활용한 공사의 지역 장터 브랜드로 지난 6월, 14일간의 첫 행사를 성황리에 마쳤다. 시민들의 호응과 지역소멸 대응 필요성에 대한 사회적 공감대 속에 9월 행사에서는 장소와 규모를 늘렸다. 이번 추석맞이 행사는 9개 지자체가 참여해 서울의 동서남북 권역의 잠실역, 합정역, 압구정역, 노원역, 암사역에서 다양한 제철 농산물및 특산품으로 서울시민.. 더보기 [여행] 태국 쇼핑몰 / 터미널21 해브어지드 Have A Zeed / 엠스피어 엠쿼티어 차트라뮤/ 빅씨마트 기념품 쇼핑 터미널21의 푸드코트 피어21을 방문하기 위해 아속역으로 향했습니다. 아이콘시암이나 엠쿼티어와 비교하면 오래된 쇼핑몰이라는게 딱 티가 납니다. 일단 피어21로 올라갔는데 사람도 너무 많고 관리가 잘 안되는 느낌이 들어 아래층으로 내려와 태국 레스토랑인 해브 어 지드로 갔습니다. 태국 정통 요리를 즐길 수 있는 유명 체인 레스토랑 (해브 어 지드 터미널 21 아속 점) 📌주소 : 88, Khlong Toei Nuea, Watthana, Bangkok 10110, Thailand 📌전화 : +6621080787 📌홈페이지 : https://www.terminal21.co.th/asok/shop/detail/en/515/have-a-zeed 📌가는방법 : 터미널 21 아속 점 4층 (BTS 아속 역과 연결 ,.. 더보기 [여행] 태국 방콕 루프탑바 티츄카 / 이태리 레스토랑 더 멜팅 클락 방콕의 화려한 야경과 몽환적인 버드나무 조명이 인상적인 루프탑 바 📌주소 : T-One Building 8, 46th Floor, ซอย เหมวงศ์, Phra Khanong, Khlong Toei, Bangkok 10110 📌전화 : +66658785562 📌가는 방법 : T-One 빌딩 내 46층 - BTS 통로 역에서 도보 3분 - 룸피니 공원에서 차로 21분 📌이용가능시간 : 월~일 17:00 - 24:00 📌홈페이지 : https://www.facebook.com/tichuca.bkk/ 📌이용팁 예약 가능(홈페이지, 전화) 대기시간 있음 서비스 요금 및 부가세 별도 만 20세 미만 입장 제한 입장 시 여권 지참 필수(번호표 발급) 행사별 입장료 상이(홈페이지 참고) 그랩을 타고 T-ONE 건물.. 더보기 이전 1 2 3 4 ··· 8 다음
