10.30 WIL

지난 한주동안에는 프론트분들과 함께 공동작업을 하는 시간이였다.

어떤 프로젝트를 할지 정하였고 그에 따라 API를 작성하고 프론트분들은 

와이어프레임을 작성했고 이어서 같은 조에 팀원분들과 역할을 나누어 백엔드 작업을 시작했다.

 

그렇게 작업을 하던중에 중간점검겸 프론트와의 첫 통신을 위해 EC2 서버와 RDS를 프리티어로 만들어서 

서버를 올렸다. 이점에서 CROS에러를 해결하기위한 클래스를 작성해주었다.

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("http://localhost:3000")
                .allowedMethods("GET","POST","PUT","DELETE")
                .exposedHeaders("Authorization","Refresh-Token")
                .allowCredentials(true)//make client read header("jwt-token")
        ;
    }
}

 그리고 spring security에서의 설정을 아래와 같이 추가해주어 해결해 주었다.

.cors().disable()

 

작업을 하면서 느낀것은 같은 형식으로 보내주어야 잘 받을 수 있고 잘 보낼 수 있다는것이 이번 프로젝트의 핵심이 아니였나 생각이 든다. 추가적으로 s3로 이미지 업로드할때 프론트에서도 form-data 형식으로 @ModelAttribute를 사용해서 받아야했다. 기존에는 @Requestbody로 기본 텍스트를 받았다면 @ModelAttribut는 텍스트와 이미지형식도 받을 수 있는 형식이다.

 

작업했던것 영상.

https://youtu.be/9CrVV3GrGWI

다음에 협업과정에는 프론트분들과 데이터 주고받는 형식에 대해서 이야기를 나누고 시작하면 더 좋을거같다는 생각으로 한주를 마무리.

 

한주의 공부시간(잔 시간도 포함..ㅎㅎ)