< 목차 >

# 프로젝트 팀 소개

• 팀원소개

# 프로젝트 소개

• 개발 기간 & 프로젝트 명 & 소개 & 목표 & 프로젝트 Rule

# 시작가이드

• Installation

# 와이어프레임

• 프로젝트 화면 구성 및 기능

  • 필수 사항

  • 선택 사항

  • 트러블슈팅

  • 기능담당

  • 기능소개

• 파일 구조

프로젝트 팀 소개

팀원 소개

남해리
ENFJ/ISTJ
@r03181231

팀 목표

---

- 포기하지 말자!

프로젝트 Vue-Todolist

프로젝트 명 : ViewTodolist

개발 기간 : 2024.05.28 ~ ing

프로젝트 소개 : Vue.js로 만든 todolist입니다.

프로젝트 목표 : vue에 대해 알기 위해 todolist로 CRUD를 익히는 프로젝트입니다.

🚦 Project Rules

개발 환경(버전참고)

• Environment : Visual Studio Code, Vite, git(2.37.3), github
• Language : Javascript
• Framwork : vue (v3.4.27)

Code Convention

1. 작명 방식

   1. vue 파일 (ex. Home.vue)
      • PascalCase
   2. js 파일 (ex. configStore.js) : camelCase
   3. 함수명, 변수명: camelCase

2. 시맨틱 태그(main, header, nav, section, ul, li) 사용

구현 순서

1. 핵심 가이드
   • 앱생성
   • 템플릿 문법
   • 조건부 렌더링
   • 리스트 렌더링
2. 컴포넌트 심화
   • 등록
   • Props