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.

Sign up for GitHub

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

Jump to bottom

[FE] 관심사 기능 구현 #24

Open
sungik-choi opened this issue Mar 24, 2020 · 2 comments
Open

[FE] 관심사 기능 구현 #24

sungik-choi opened this issue Mar 24, 2020 · 2 comments
Assignees
@sungik-choi
Labels
Feature 새로운 기능 추가
Milestone
회원가입 페이지

Comments

@sungik-choi
Copy link
Contributor

sungik-choi commented Mar 24, 2020 •
edited
Loading

관심사

기능

  • 쉼표를 입력하면 태그 UI가 생성
  • 만들어진 태그 형태의 UI 뒤로 관심사를 입력 가능
  • 태그 UI는 x 버튼 존재
  • x 버튼을 누르면 태그 삭제
  • 마지막 태그에서 backspace를 누르면 태그가 일반 텍스트로 바뀌며 수정가능한 상태로 변경 (쉼표 삭제)
  • 아무 글자 없이 입력된 쉼표는 무시 (,,,,,,)
  • input 태그에 focus하면 바깥의 div에 focus 클래스를 토글

메세지

  • (에러) 관심사가 3개 미만일 경우
  • (성공) 조건에 맞을 경우 사라짐
@sungik-choi sungik-choi added the enhancement New feature or request label Mar 24, 2020
@sungik-choi sungik-choi added this to the 회원가입 페이지 milestone Mar 24, 2020
@sungik-choi sungik-choi self-assigned this Mar 24, 2020
@ksundong
Copy link
Member

어려워 보이네요..! 화이팅!!

@sungik-choi
Copy link
Contributor Author

어려울거라고 하시더라구요.. 화이팅입니다

@sungik-choi sungik-choi changed the title [FE] 관심사 기능 제작 [FE] 관심사 기능 구현 Mar 24, 2020
@ksundong ksundong added Feature 새로운 기능 추가 and removed enhancement New feature or request labels Mar 25, 2020
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#24] Feat: 관심사 칩 관련 모듈 분리 및 리팩토링
79da7ae 
- chip을 set으로 설정, 객체로 관리하려고 한다.
- 에러메세지 상수파일로 분리.
- 현재 전체적으로 유효성 검증 확인을 errormessage가 null 인거로 파악하고 있는데, 이유는 내 코드에서 에러메세지를 검증하고, 에러메세지가 없으면 null을 반환하도록 했기 때문.
- 에러메세지가 없으면 true를 반환하는 메서드를 만들까, 하다가 일을 두번하는 거 같아서 만들지 않았다. 조건문 분기를 2번 돌거 같아서. (에러메시지 생성할 때, 다시 통과여부 판별할 때)
- 에러메세지가 존재하지 않는 name에도 에러메세지를 검증하는 메서드가 있는데, 객체를 돌며 반복문으로 실행시키기 위해서... 맞는 방법인지는 모르겠다.
- null 을 반환하니 너무 의미가 흐려지는거같아서, 상수에 PASS 라는 값을 null로 등록시켜서, PASS를 반환시키도록 했다(..)
- 유효성 스크립트파일에 isValidatePassed 메서드를 추가해서, 통과했다는걸 더 명확히 보여주려고 했다.
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#24] Chore: 비동기 테스트
eeda23a 
- 비동기 테스트 위해 번들링 파일 우선 하나로.
- 바벨-폴리필에서 에러가 발생한다. async await가 제대로 먹지 않아 설치했는데, 이걸 설치하면 여러개 번들링이 안된다.
sungik-choi added a commit that referenced this issue Mar 27, 2020
@sungik-choi
[#24] 중복체크 기능 구현
af46fdb 
- Close #31
- 중복이 많지만 change 이벤트에 중복 확인 코드만 따로 등록하고, 프라미스.then 으로 해결했다.
- 코드 스타일 약간 수정. 구조 분해 활용하기 위해서
- async 사용 안했으므로 웹팩 다시 초기화
sungik-choi added a commit that referenced this issue Mar 27, 2020
@sungik-choi
[#24] 관심사 칩 기능 구현 (마우스 클릭 제외)
ceb6e2f 
- Set 을 사용해 관심사 태그가 생기고 지워지는 기능 구현
- focus 별도로 구현
sungik-choi added a commit that referenced this issue Mar 27, 2020
@sungik-choi
[#24] Feat: 관심사 에러 메세지 출력 기능 구현
c895f9e 
- 관심사 태그 실행 속도 보장을 위해, validateInputForms 를 비동기콜백 딜레이 0 으로 구현.
- 관심사 입력창 포커스 구현: 메인 파일에 일관성을 떨어트리는 거 같아 별개 파일로 분리.
- 칩 생성 파일명 좀 더 포괄적으로 변경
sungik-choi added a commit that referenced this issue Mar 27, 2020
@sungik-choi
[#24] Feat: 관심사 에러 메세지 출력 기능 구현
6a8457f 
- 관심사 태그 실행 속도 보장을 위해, validateInputForms 를 비동기콜백 딜레이 0 으로 구현.
- 관심사 입력창 포커스 구현: 메인 파일에 일관성을 떨어트리는 거 같아 별개 파일로 분리.
- 칩 생성 파일명 좀 더 포괄적으로 변경
sungik-choi added a commit that referenced this issue Mar 27, 2020
@sungik-choi
[#24] Chore: 테스트를 위해 커밋
b782762 
- 빌드
- 진행사항 잠시 멈춰두고 커밋합니다.
sungik-choi added a commit that referenced this issue Mar 27, 2020
@sungik-choi
Merge pull request #118 from codesquad-memeber-2020/feature/fe/intere…
a977308 
…stChip

[#24] 관심사 칩 기능
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#24] Feat: 관심사 칩 관련 모듈 분리 및 리팩토링
b0fcfe2 
- chip을 set으로 설정, 객체로 관리하려고 한다.
- 에러메세지 상수파일로 분리.
- 현재 전체적으로 유효성 검증 확인을 errormessage가 null 인거로 파악하고 있는데, 이유는 내 코드에서 에러메세지를 검증하고, 에러메세지가 없으면 null을 반환하도록 했기 때문.
- 에러메세지가 없으면 true를 반환하는 메서드를 만들까, 하다가 일을 두번하는 거 같아서 만들지 않았다. 조건문 분기를 2번 돌거 같아서. (에러메시지 생성할 때, 다시 통과여부 판별할 때)
- 에러메세지가 존재하지 않는 name에도 에러메세지를 검증하는 메서드가 있는데, 객체를 돌며 반복문으로 실행시키기 위해서... 맞는 방법인지는 모르겠다.
- null 을 반환하니 너무 의미가 흐려지는거같아서, 상수에 PASS 라는 값을 null로 등록시켜서, PASS를 반환시키도록 했다(..)
- 유효성 스크립트파일에 isValidatePassed 메서드를 추가해서, 통과했다는걸 더 명확히 보여주려고 했다.
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#24] Chore: 비동기 테스트
3d414e1 
- 비동기 테스트 위해 번들링 파일 우선 하나로.
- 바벨-폴리필에서 에러가 발생한다. async await가 제대로 먹지 않아 설치했는데, 이걸 설치하면 여러개 번들링이 안된다.
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#24] 중복체크 기능 구현
593b4e4 
- Close #31
- 중복이 많지만 change 이벤트에 중복 확인 코드만 따로 등록하고, 프라미스.then 으로 해결했다.
- 코드 스타일 약간 수정. 구조 분해 활용하기 위해서
- async 사용 안했으므로 웹팩 다시 초기화
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#24] 관심사 칩 기능 구현 (마우스 클릭 제외)
0b7df07 
- Set 을 사용해 관심사 태그가 생기고 지워지는 기능 구현
- focus 별도로 구현
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#24] Feat: 관심사 에러 메세지 출력 기능 구현
98d584e 
- 관심사 태그 실행 속도 보장을 위해, validateInputForms 를 비동기콜백 딜레이 0 으로 구현.
- 관심사 입력창 포커스 구현: 메인 파일에 일관성을 떨어트리는 거 같아 별개 파일로 분리.
- 칩 생성 파일명 좀 더 포괄적으로 변경
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#24] Chore: 테스트를 위해 커밋
397a050 
- 빌드
- 진행사항 잠시 멈춰두고 커밋합니다.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@sungik-choi sungik-choi

Labels
Feature 새로운 기능 추가
Projects
None yet
Milestone
회원가입 페이지
Development

No branches or pull requests
2 participants
@ksundong @sungik-choi