주간 작업내역(2022.06.05~2022.06.11)

부트캠프 팀 프로젝트 일정은 마무리 되었지만 추가작업(기능추가, 리펙토링등)을 이어서 하였다.

한 일

게시글 등록시 지역 제한 기능

현재 우리 단짠맛집은 서울에 있는 음식점의 리뷰만 등록이 가능한 상태이다. 그런데 지도에서 서울 외의 장소를 검색하고 등록을 하면 게시글 등록은 되지만 fetchboard과정에서 문제가 생겨 디테일페이지에서 데이터를 받아오지 못하는 오류가 생겼다.
그래서 등록 버튼을 누를 때 서울 외의 지역을 선택한 경우 alert 메세지를 띄우는 기능을 추가했다.

if(!address.road_address_name.split(" ")[0].includes('서울')){alert("서울에 있는 음식점의 리뷰만 등록이 가능합니다. 지역 업데이트를 기대해주세요!")
  return}
  if (moodHashTag.length > 3) {
    alert("분위기는 3개까지 선택이 가능합니다.");
    return
  }

주소 정보를 받아와서 띄어쓰기 단위로 자른다음 0번째 요소가 서울을 포함하고 있어야 한다.

게시글 등록api 수정

백앤드쪽에서 글 등록 api에 바뀐 부분이 있다고 해서 api 수정작업을 했다.
게시글 등록 api에 변경이 있었던 이유는 수정 과정에서 tag(분위기, 음식종류)값을 원활하게 수정하기 위해서 라고 했다.
기존에는 input 객체를 2개로 나누어서 사용했는데 하위객체를 만들어 1개로 합쳤다.

 //기존 방식
 createBoardInput: {
                boardTitle: data.boardTitle,
                boardSugar: data.boardSugar,
                boardSalt: data.boardSalt,
                boardContents,
                subCategoryName,
                place: {
                  placeName: address.place_name,
                  placeAddress: address.road_address_name,
                  placeUrl: address.place_url,
                  lat: address.x,
                  lng: address.y,
                },
              },
              boardTagsInput: {
                boardTagMenu,
                boardTagMood: moodHashTag,
                boardTagRegion: [address.road_address_name.split(" ")[1]],
              },

 //수정된 방식
  createBoardInput: {
                boardTitle: data.boardTitle,
                boardSugar: data.boardSugar,
                boardSalt: data.boardSalt,
                boardContents,
                subCategoryName,
                place: {
                  placeName: address.place_name,
                  placeAddress: address.road_address_name,
                  placeUrl: address.place_url,
                  lat: address.x,
                  lng: address.y,
                },
                tags:[boardTagMenu, ...moodHashTag,address.road_address_name.split(" ")[1]]
              },

게시글 수정

간단하게만 작성해놓았던 게시글 수정 기능 작업에 들어갔다.
일단 태그 정보 받아오고 수정하는 것은 나중에 하기로 하고 기존 글에서 input데이터들(장점, 단점, 내용 등)을 먼저 받아오고 수정하는 기능을 넣기로 했다.
그런데 작업하는 도중 다른 값들은 잘 받아오는데 toast-ui-editor를 사용한 contents 값이 바로 나오지 않고 페이지가 rerender되어야 나타나는 이상한 문제가 생겼다.
여러 가지 방법을 고민하다가 결국 해결되지 않아 태그 값을 받아서 수정하는 기능을 먼저 넣었다.

할 일

게시글 수정하기 완료(contents 기존 값 받아오기, 선택되어있는 태그 수정하기에서도 선택된 상태의 css 보여주기)
반응형작업(게시글 목록 페이지들)