Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

칼럼 추가 기능 #9

Merged
merged 13 commits into from
May 2, 2021
Merged

칼럼 추가 기능 #9

merged 13 commits into from
May 2, 2021

Conversation

yejineee
Copy link
Owner

@yejineee yejineee commented May 2, 2021

May-03-2021 02-02-01

Task

Add new List를 누르면, 새로운 칼럼의 타이틀을 입력하는 폼이 생성된다.
1자 이상 30자 이하의 타이틀을 입력후, Add List 버튼을 클릭 시, 새로운 칼럼이 생성된다.

WIL

  • 지역 컴포넌트 생성하고, 사용하기
  • sass의 mixin 사용
  • 런타임 빌드 vs 런타임 + 컴파일러 => 정리필요..!
  • 자식 컴포넌트에서 부모 컴포넌트로 이벤트 전파
  • computed를 사용하여 validation 체크
  • v-bind:eventname 의 약어 @eventname

🔖체크리스트

  • "Add another list"를 클릭하면 칼럼의 이름을 입력할 수 있는 폼이 보여진다.
  • 칼럼의 이름은 1자 이상 30자 이하여야 한다.
  • 칼럼에 빈 내용이 있을 경우 버튼은 비활성화 되어야 한다.
  • 칼럼에 내용이 있을 경우, 버튼은 활성화된다.
  • 제출 버튼을 누르지 않은 채로 X를 클릭하면, 생성폼은 닫힌다.
  • 제출 버튼을 누르지 않은 채로 다른 영역을 클릭하면, 생성폼은 닫힌다.
  • 제출 버튼을 누르면, 입력한 타이틀과 함께 빈 칼럼이 생긴다.

Linked Issue

#8

lillie-yang and others added 13 commits May 1, 2021 22:27
devtool을 설정하여 개발 모드에서 디버깅을 편하게 하고자하였다.
src를 alias로 추가하여, 복잡한 상대경로를 간단하게 하였다.
잘못된 셀렉터 설정으로 인하여, 아무 영향을 주지 않던 css를 삭제한다.
타이틀을 입력했을 때, 타이틀 길이의 유효 여부에 따라 버튼을 활성화/비활성화시킨다.
x버튼을 클릭하면 버튼이 닫히게 한다.
submit버튼을 클릭하면, 새로운 칼럼이 생기고, 폼은 닫히게 한다.
columnList를 갖고, 칼럼의 리스트를 보여주는 보드 컴포넌트를 추가한다.
이 컴포넌트는 column-form 컴포넌트에서 add-new-column이벤트를 발생시키면,
새로운 칼럼을 추가하게 된다.
title을 props로 받아서 보여주는 column 컴포넌트를 추가한다.
@yejineee yejineee added the feat 기능 개발 label May 2, 2021
@yejineee yejineee self-assigned this May 2, 2021
@yejineee yejineee merged commit eedd329 into master May 2, 2021
@yejineee yejineee deleted the feat/column branch May 2, 2021 17:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat 기능 개발
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants