10월 27일 수요일

중간발표 영상

1. 기획서
1. 핵심 아이디어와 타겟 유저
2. 서비스 흐름도

2. 디자인 시스템
디자인 시스템을 미리 만들어두고 css 코드 작업을 하니까 디자인의 통일성을 맞추기 편했다.

3. 시연
1. 로그인(회원가입 간단하게만 보여주기)
2. 게시글 작성
3. 게시글 보기
1. 참가하기 누르기
2. 댓글 작성
3. 댓글 삭제
4. 게시글 검색
5. 게시글 수정
6. 게시글 삭제
7. 개인정보 수정
8. 메세지 기능
9. 404페이지

스타일 브런치 병합 및 피드백

• normalize.css → reset.css : 미세한 부분에서 margin, font-size, line-height 등이 적용되어 혼선

• 검색 로직 수정 (띄어쓰기로 다중 키워드 입력시)

• 코멘트 로드 수정 (종종 로드 오류가 뜨고있다)

• 참여 중인 사람 표시(작성자만 보이게)

• 마이페이지

• 게시판에서 각 게시글 구분해주기

• 페이지 제목 크기 및 색상 조정(보다 눈에 안띄게)

• 게시글 작성/수정 반응형 구현(세로로 배치)

• 메인 페이지 전체스크롤 없애기

• 게시글 검색 페이지랑 게시판 페이지 디자인 통일

• 게시글 검색 페이지에도 작성자 정보 표기

• 기본값 설정(프로필, 게시글 이미지)

• 메세지 선택 표시하기(호버 기능도)

• ul 포인터 삭제 li 부여

• 채팅 상대방부분과 채팅 내용부분 구분하기

• 채팅방 padding 줄이기

• 메세지 보낸 시간 날짜

• 프로필 사진 추가 및 수정 컴포넌트 추가

• 회원가입 페이지, 개인정보수정 페이지 스크롤 안 생기게 크기 줄이기