Skip to content

Commit

Permalink
[RETROSPECT] #143 - upload 7th retrospect
Browse files Browse the repository at this point in the history
  • Loading branch information
Jwhyee committed Sep 20, 2022
1 parent 9bc43f8 commit a415ba5
Showing 1 changed file with 16 additions and 36 deletions.
52 changes: 16 additions & 36 deletions idea9팀_위클리기록/[7주차]idea_9팀_진행상황_공유.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,56 +21,36 @@
> -->

### Account
- Kakao 로그인 구현
- 프로필 뷰 추가
- 닉네임 변경 및 비밀번호 변경 기능 추가
- 회원 탈퇴 시 비밀번호 인증 후 탈퇴 추가
- 소개글 변경 기능 추가

### > Reply
- 댓글 수정,취소기능 구현
- 댓글 등록/수정날짜 구현
- 댓글 좋아요기능 구현중> 내 위치 좌표를 불러오는 브라우저API를 통해 내 주변 음식점을 카드 뷰로 볼 수 있는 페이지를 만들었습니다.
- 추천 비동기 처리
- 댓글 등록 비동기 처리

### Post
- 게시글 등록 폼 valid 구현
- 게시글 상세 페이지 구현(미완)
- 글 제목 검색 기능 추가

### Favorite
- Bookmark 도메인과 연결해서 사용하려고 했으나 단점이 많은걸 알게되어 도메인 수정을 하는중
- bookmark 도메인을 삭제하고 favorite 하나로 해결하려고 진행중

<!-- ### Favorite
> -->
- 북마크 폴더 이름 중복 불가 구현

## 개발 과정에서 나왔던 질문 (최소 200자 이상)
### Reply
> 댓글 수정을 구현하면서 이슈가 있었습니다. 댓글 수정버튼을 누르고 넘어간 페이지에서 수정하기 전의 comment가 넘어갔어야 했는데 넘어가지 않아 에러가 발생했었습니다. 그 페이지가 post단에서 GetMapping으로 열리는 페이지였기 때문에 post쪽이아닌 get쪽에서 comment값을 넘기는 dto객체를 model에 넣어주어야 값이 넘어감을 배웠습니다.

### Image
> 이미지 업로드 폼에서 ‘사용자가 올린 이미지를 어떻게 보여줘야 하나’ 고민했습니다. 처음 떠올린 방법은 다음과 같습니다.
사용자가 이미지 선택 -> 서버에 전송 -> 서버가 임시폴더에 저장 -> 브라우저가 임시폴더의 이미지를 요청
하지만 이 방법은 서버에 전송하고 가져오기까지 동기적으로 수행되어야 되기 때문에 사용자 경험이 좋지 않고, 임시폴더를 관리해야 한다는 단점이 있습니다.
서버를 거치지 않고 해결하는 방법을 구글링하다 FileReader 를 이용하는 방법을 찾았습니다.
```javascript
// 이미지 파일 각각 콜백 함수 등록
### Account

$.each(event.target.files,function(i,j){
//FileReader객체 생성
let reader = new FileReader();

// FileReader 객체가 로드되었 떄 수행할 핸들러 등록
reader.onload = function(event) {
> 모든 페이지의 `header``로그인 ID`가 아닌 `nickname`으로 띄우고 싶은데 방법이 없는지 궁금합니다!
// img element를 만들어 세팅하고 DOM에 집어넣음
let img = document.createElement("img");
img.setAttribute("src", event.target.result);
imgContainer.appendChild(img);
};
reader.readAsDataURL(j);
```java
<span class="media-body">
<span class="item-title" sec:authentication="principal.username">로그인ID</span>
</span>
```
-> SecurityUser에 사용자 정의 필드 추가로 해결

## WBS 추가 내용
- 메인페이지 디자인 구체화
- 프로필 페이지 기능 구현
- 메인페이지 디자인
- 프로필 페이지 수정
- 댓글 및 좋아요 기능 추가

## 개발 결과물 공유
Github Repository URL : [맛동산](https://github.com/likelion-backendschool/matdongsan/tree/develop)

0 comments on commit a415ba5

Please sign in to comment.