[29기 곽승현] Add: 필수 구현 사항 추가

[hyunkark]

:: 최근 작업 주제

• 기능 추가
• 리뷰 반영
• 리팩토링
• 버그 수정
• 컨벤션 수정

:: 구현 목표

• Westagram의 메인 페이지와 로그인 페이지의 HTML, CSS파일을 추가했습니다.
• 로그인 페이지에 ID에 @를 넣고&& PW가 8자 이상이어야 submit input이 활성화되는 기능을 추가했습니다.
• 메인 페이지의 댓글 input에 내용을 넣고 엔터키를 치거나 '게시'버튼을 누르면 input에 입력한 내용이 댓글로 올라가는 기능을 추가했습니다.

:: 구현 사항 설명

1. 로그인 입력 데이터 유효성 검사

• 로그인 정보를 입력하면 조건에 맞는지 검사해 submit input이 활성화된다.
• submit.disabled boolean에 따라 버튼의 배경색과 disabled 속성이 변화한다.
• 테스트 방법 : /login 페이지 이동 >>> 로그인 input 데이터 입력

2. 댓글 입력시 댓글이 게시물 밑에 딸려 올라가도록 구현

• 댓글 입력시 게시물 밑에 새로운 div를 만들어 붙이도록 하고, div.textContent를 input.value로 설정함.

:: 성장 포인트

• 키보드의 ASCII 키 값을 잡아 코드에 활용할 수 있다는 사실을 알게 되었습니다. .keyCode
• 개발 프로세스에서 개발자 도구를 정확히 어떻게 쓰는 건지, 직접 활용할 수 있었습니다.

:: 기타 질문 및 특이 사항