220202 회의록 - nurimeansworld/strawberry_market GitHub Wiki

1. 진행상황 공유 및 코드 고민

전체적으로 해당 이슈에서 관리중입니다~ #38
모듈
- 상단 nav바 fixed 설정 남음
P01 사용자 프로필
- 기능 구현 완료
- 모듈 관련(아래 내용 확인되고 진행 예정)
  - top nav 모달 연결 -> 희정님 작업 완료되면 붙일 예정 @희정님
  - 하트 클릭시 하트 바뀌기만(기능은 X) @영은님
  - 댓글 클릭시 게시글 상세페이지로 이동(U01.html) @영은님
P02 마이 프로필
- 기능 구현 완료
- 모듈 관련(아래 내용 확인되고 진행 예정)
  - top nav 모달 연결 -> 희정님 작업 완료되면 붙일 예정 @희정님
  - 판매 중인 상품 클릭시 하단 모달(삭제/수정/웹사이트보기) 노출 @희정님
P03 팔로잉, P03_1 팔로워
- 필수 기능까지 완료(팔로우 눌렀을 때 실제 팔로우가 되지는 않음)
- 팔로워 목록 최대 100명까지 노출
- 내 프로필일 경우 팔로우 버튼 생략
P04 프로필 수정
- 기능 구현 아래 2가지 제외하고 모두 완료
  - 유효성 검사 결과와 동일하게 상단 저장버튼 disabled 처리
  - 아이디 중복 검사 메시지 input 될 때마다 검사
P05 상품 등록
- 필수 기능까지 완료
P05_1 상품 수정
- 기능 구현 아래 1가지 제외하고 모두 완료
  - 유효성 검사 결과와 동일하게 상단 저장버튼 disabled 처리
  - 코드 고민이나 공유사항

P04 프로필 수정
- 유효성 검사 결과와 동일하게 상단 저장버튼 disabled 처리
- 아이디 중복의 경우 유효성 검사 메시지가 뜨는게 다른 것과 동일하려면 input 될 때 마다 api로 검사를 날려야하는데.. 이게 기존 유효성검사 함수로 같이 넣으면 과부하가 아닐까 싶어 고민

P01 사용자 프로필 @지아님
- 앨범 게시글 클릭시 게시글 상세 페이지 + post로 값 넘기는 것 공유(http://127.0.0.1:5503/html/U01.html?post=61f66a069d09d36b2135ea7b의 형태) -> postid로 통일
P04 프로필 수정 @모두
- 이미지 입력이 input type=file인데 이게 js로 value를 직접 설정할 수 없음 -> input type=hidden을 새로 생성. 거기에 값을 넣어 그 값으로 저장되게 설정

[BTM]3.1.14 하단 탭 메뉴
- 하단 메뉴 버튼 페이지 이동 활성화 완성
- 각 페이지마다 메뉴 버튼 색 활성화 시키려면 li class에 on 적용하기
[MD01-06]3.1.16 모달 버튼
- 헤더에 있는 버튼을 클릭하면 설정 및 개인정보와 로그아웃(MD01.html)이 나타납니다.
- 게시글 우측 상단에 위치한 버튼을 클릭했을 경우
  - 내가 작성한 게시글일 경우 : 삭제, 수정 버튼이 나타납니다.(MD02.html)
  - 내 프로필 게시글 상품이미지 클릭시 모달 창(MD04.html)
  - 다른 사용자가 작성한 게시글일 경우 : 신고하기 버튼이 나타납니다.(MD05.html)
- 댓글 우측 상단에 위치한 버튼을 클릭했을 경우
  - 내가 작성한 댓글일 경우 : 삭제 버튼이 나타납니다.(MD06.html)
  - 다른 사용자가 작성한 게시글일 경우 : 신고하기 버튼이 나타납니다.(MD05.html)
- 채팅방 우측 상단에 위치한 버튼 클릭했을 경우
  - 채팅방 나가기 모달 (MD03.html)

모달창을 각각 파일을 만들어서 실행하면 잘 되는데 파일에 있는 공통된 css(style_HJ.css에 옮기니 안됨)나 js를 합치려하면 실행이 안됨
삭제 기능
토큰 기능

[H02] home with posts에서
- 프로필 이미지, 게시글 이미지 border-radius 처리
- 게시글 영역이 390px로 해도 조금 벗어납니다(누리코멘트) 작업예정
[H02] 좋아요 버튼, 댓글 버튼 활성화하는 거 남았음
- 댓글 버튼말고 a태그~ 게시글의 값. post id로 맞추기(통일하면 좋을 것 같다)
[C01] 채팅목록 사용자가 읽지 않은 메세지 가상요소 원표시하기
- css 수정할거 :
  - 모듈 width 값 유동적으로 만들기!

다른 팀원 리드미 작성한거 구경했는데 https://github.com/pyeong777/gamguel-market 참고해서 저희도 작성하면 좋을 거 같아서 남깁니다.

[S01] 검색 페이지
- 사용자 이름과 계정 검색 기능 구현 완료
- 검색어와 동일한 단어 하이라이트 미구현
- 개선 사항
  - 동일 단어 2번 이상 검색 시 검색 결과 중복 출력
[U01] 댓글 작성 페이지
- 게시글 불러오기
  - 구현 완료
  - 개선 사항
  - 게시물 css @영은
  - 게시물 등록 날짜 undefined로 뜸 /오타엿음
- 댓글 리스트 불러오기
  - 구현 중
- 댓글 작성하면 게시 버튼 활성화
  - 구현 완료
- 게시 버튼 누르면 서버에 post
  - 구현 완료
- 서버에 post된 댓글 바로 render하기
  - 구현 완료
  - 개선 사항
    - css 작업
    - 댓글이 게시되면 댓글 리스트 전체가 render 되도록 변경
[U02] 게시물 작성 페이지
- 이전 상황과 동일(마크업,css 완료/3장 제한, 서버 post 관련 코드 정리 필요)

로그인, 회원가입 페이지를 하나의 js 파일에 몰아서 작업해서 오류가 생겼던 거 기억나시나요. 그래서 제 분량 작업할 때는 원범님이 자문해주신 대로 각 페이지마다 js 파일 생성해서 작업했습니다. 파일명은 html 파일명과 동일하게 썼습니다.(ex. U01.html U01.js)
postId를 파라미터로 로컬스토리지에 저장해서 쓰는 거보다 쿼리 스트링으로 쓰는 것이 메모리 효율이나 직관성이 높아서 더 낫다는 자문을 들었습니다. 해당 사항 반영해서 댓글 작성 페이지 코드를 짰습니다.
- 참고 1, 참고 2