vue.js 기초 내용 질문

[신하섬]

안녕하세요 이번에 개발에 처음 입문 하는 학생입니다.

처음 접하는 웹개발을 vue.js로 시작해보려고 강의를 결제 했는데 강의를 시청하기에 앞서 몇가지 웹개발 기초 지식과, vue.js 기초 지식에 대해 궁금했던 점들을 먼저 알고 공부를 시작하면 더 도움이 될거 같아서 질문을 하고 싶습니다!

 

1. 개인 프로젝트로 홈페이지를 하나 만드려고 하는데 vue는 처음 레이아웃을 잡을때 컴포넌트를 이용해서 레이아웃을 잡는건가요? 예를 들면 헤더 내에서도 로고 위치가 있고 nav 위치가 있고 로그인 바로가기 위치가 있을텐데 헤더 내의 레이아웃 또한 전부 컴포넌트로 하나하나 나눠서 배치를 시키는 건가요? 이런 구조라면 굳이 레아이웃 구성을 만들때 컴포넌트 하나하나 만드는 것 보다 그냥 html 로 레이아웃을 구성하는게 훨씬 빠르고 편할텐데 vue 로 웹 퍼블리싱 하는 과정에서 레이아웃을 잡을때 어떤 식으로 진행이 되는지 전반적인 구성에 대한 개념을 알고 싶습니다.

2. 이건 제가 프론트엔드에 대한 지식이 없어서 질문드리는건데 vue.js로 제 홈페이지를 이용하는 사람들의 contact us 페이지에서 이용자의 개인정보 및 문의 내용들을 입력받아서 제 메일로 보내는 기능(?) 을 구현 할 수 있나요? 이러한 기능을 구현하려면 어떤 것에 대해 공부해야 할까요?

3. 또한 기사 크롤러를 하나 만들었는데 이 크롤러를 통해 얻어진 기사 내용들을 실시간으로 제 홈페이지에 링크와 함께 올려주고 싶습니다. 이러한 기능을 부여하려면 vue.js로 가능 할까요? 아니면 다른 것을 더 공부해야 할까요? 이러한 기능을 구현하기에 있어서 간단한 아키텍쳐나 레퍼런스 같은것을 알려주실 수 있을까요?? 

[codingapple]

vue라고 개발방식이 예전과 다른거 아닙니다

평소처럼 html짜듯 쭉 짜면 되고 1. 나중에 html 덩어리를 재사용하거나 2. 다른 페이지 만들고 싶으면 컴포넌트로 만들면 됩니다

 

이메일보내는건 보통 서버가 해야합니다 프론트엔드에서만 보내고 싶으면 gmail의 smtp서비스 잠깐빌리는 라이브러리같은거 있을걸요

 

크롤러로 수집한 데이터를 어딘가에 올려놔야합니다 데이터 많으면 보통 서버와 데이터베이스를 만들어둡니다

프론트엔드에선 그걸 ajax로 가져와서 보여주기만 하면 됩니다

[김정희]

안녕하세요 동영상 강좌로 공부하는 학생입니다. 
공부하다 궁금한게 있어서 메일로 질문드려요 바쁘시겠지만 도움부탁드릴께요
https://codepen.io/goodpublisher/pen/QWmypLy  --- 작업 예제 입니다. 

메뉴 about 과 contact 에 각각 하위메뉴가 있는데요 
위에 작업된 예제에서는 about 메뉴를 클릭하면 contact 메뉴까지 같이 보여집니다. 
 v-if="isOpen" 이부분을 v-if="is(현재선택된name)Open " 이렇게 바꾸면 되는건가요?
  is(현재선택된name)Open ? 현재 선택된 name은 어떻게 넣어주면 되는건가요?
아니면 어떻게 해줘야 각각  about 과 contact 에 각각 하위메뉴 따로 보여질수 있을까요? 
초보 프론트엔드 공부하는 학생입니다. 도움이 필요합니다. 제발 도와주세요 

감사합니다.  
좋은 동영상 강좌 올려주셔서 다시 한번 더 감사합니다. 

[codingapple]

about을 눌렀는지여부
contact를 눌렀는지 여부를 각각 저장해둘 data를 만들면 됩니다

[글쓴이]

글