21일차

21일차라고 적기는 했지만 사실은 그동안 메인페이지 css 위주로 해서 적을 게 없었다.

 

최근에 팀원들의 코드랑 합쳐서 대대적으로 css가 깨지거나 경로 오류가 발생했다.

 

대표적으로 메인페이지에서 

 

 

각 요소들을 클릭하면 해당 게시물 또는 상세보기 페이지로 가야하는데 이동하지 않는 이슈가 발생.

 

알고보니 

 

//갤러리 게시물로 가기
const handleRowClick = (gallery) => {
    navigate(`/galleryBoard/${gallery.gbPostNo}`, { state: { list:gallery } });
};


//굿즈 상세보기로 가기
const handleRowClick = (goods) => {
    navigate(`/goodsDetail/${goods.goodsNo}`, { state: { good: goods } });
};

 

state 에서 앞의 단어는 해당 js 파일에서 쓰고 있는 map 변수명을 적어 줬어야 했다.

 

또한 내 MainPage dto 파일이 해당 페이지에서 사용할 정보들을 가지고 있어야 하므로, 그냥 다른 팀원들이 썼던 dto의 모든 변수들을 가져왔다.

 

package b2o4.dto;

import lombok.AllArgsConstructor;
import lombok.Getter;
import lombok.NoArgsConstructor;
import lombok.Setter;
import lombok.ToString;

@Getter
@Setter
@AllArgsConstructor
@NoArgsConstructor
@ToString
public class MainPage {

	//스타디움
	private int stadiumNo;
	private String stadiumName;
	private String stadiumLocation;
	private String stadiumAddress;
	private int stadiumCapacity;
	private char stadiumParking;
	private char stadiumInOutdoor;
	private char shoesRent;
	private int stadiumPrice;
	private String stadiumImage;
	private int totalLike;
	
	//갤러리 
	private int gbPostNo;
	private String gbPostTitle;
	private String gbPostContent;
	private String gbImages;
	private String gbPostCreateDate;
	private int memberNo;
	private String memberName;
	
	//굿즈샵
	private int goodsNo;
	private String goodsName;
	private String goodsKind;
	private int goodsPrice;
	private String goodsImage;
	private String goodsComment;
	private String goodsSize;
	private int goodsSellNow;
	private String goodsDetail;
	private String goodsImage2;	//상세페이지가면 사진 하나 더 출력
}

 

 

 

 

이걸로 일단 해결. 내 파트의 95%가 끝나간다.