이번에 학교 동아리에서 프로젝트를 진행하다가 프론트 쪽에서 API 테스트를 하다가 CORS 문제가 생겼다보통 CORS문제가 생기면 서버쪽에서 설정을 해줘야 해서 나는 얼른 구글링을 하였다. CORS(Cross-Origin Resource Sharing)교차출처 리소스 공유 정책으로 서로 다른 출처에 대해서 요청을 보내어 요청을 차단하는 것이다 더 자세하게 알고 싶으면 아래 블로그를 참조하는 것이 더 좋을 수도 있다. https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-CORS-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-%F0%9F%91%8F 🌐 악명 높은 CORS 개념 & 해결법 - 정리..

좋은 기회로 대학교 동아리에서 현대인의 건강이라는 주제로 서비스를 만들어 볼 수 있는 기회가 생겼다.우리 팀은 현대인들의 금연을 주제로 서비스를 생각하였고웹앱으로 흡연하는 사람들이 금연날짜를 설정하면 전에 흡연 기록을 바탕으로아낀 금액, 수명 증가, 현재까지 얼마나 금연을 했는지, 삼킨 타르 양등 한눈에 알아 볼 수 있게 생각을 하였다.먼저 백엔드 프레임워크는 스프링 부트를 사용하고 프론트엔드에서는 React를 사용하여 서버를 구매하여백엔드 서버를 올리고 React 빌드 파일을 올려 사용자가 이용할 수 있게 만드는 것을 목표로 하였다.먼저 우리 서비스를 이용하려면 회원가입을 해야하는데 대부분 서비스가 사용하는 이메일 인증구현을 구현하였고이건 블로그에 올려야겠다라는 생각으로 글을 써본다. 실제로 웹페이지에..

이번에 동아리에서 해커톤을 준비하면서 백앤드쪽에서 다양한 기능을 추가하였다.우리는 주요 기능으로 게시물 좋아요, 마이페이지 이미지 업로드, 게시물 이미지 업로드, 대댓글등 여러가지 기능을 구현할 생각이였다. 우리가 만드는 페이지는 금연을 하고싶은 사람들을 위해서 흡연을 시작한 시간과 금연을 시작한 시간등을 계산하여사용자에게 알기 쉽게 자신이 얼마나 금액을 아꼈는지, 현재까지 금연한 시간이 얼마인지를 알려준다.이 중 회원가입을 한 후 마이페이지에서 이미지를 업로드하는 과정을 살펴보겠다. 먼저 member 테이블에 대해서 이렇게 구성하였다. @NoArgsConstructor@Getter@Entitypublic class Member { @Id @GeneratedValue(strategy = Genera..