Sekkison

Sekkison Project 기획

프로젝트를 생성해준다. bulid.gradle 안에 사용할 라이브러리를 추가해준다. application.properties 안에 SQL을 사용하기 위한 기본설정을 해준다.. cmd을 열고 MySQL에 접속한다.위 코드를 넣어주면 mySQL에 DB가 생성된다.이후 sp

Sekkison Project Sekkison URL 설정 >## 🔽 RestAPI EndPoint >>| METHOD | URI | 기능 | | ------ | ---------------------------...

Sekkison Project ResponseForm class >API 응답을 반환을 위해 ResponseForm 객체를 사용하여 결과 알 수 있는 클래스를 만들어 주었다. >>**ResponseForm 클래스는 세 개의 필드를 가지고 있다. msg는 응답 메시지

이제 우리 새끼손 프로젝트에서 가장 중요한 약속을 만들어보도록 하겠다.약속을 만드는 과정에서 가장 중요하게 생각하는 것은 방장이 방을 만들고 사람들이 참여하며, 정보표시, 인원조정, 강퇴, 수정을 중점으로 로직을 작성해보았다.user_id를 기준으로 방을 만들며, 사람

유저의 프로필사진을 저장하기 위한 폴더를 Sekkison 폴더 바로 밑에 만들어 주었다.multipart file의 용량을 지정하고 업로드되는 경로를 지정해주었다. 유저 프로필을 저장하기 위한 폴더를 upload로 만들었으니 폴더명을 넣어주면 된다.Controller에

Sekkison 유저의 비밀번호를 안전하게 저장하기위해 BCryptPasswordEncoder를 사용해서 암호화를 진행하기로 하였다. BCryptPasswordEncoder는 Spring Seurity에서 제공하는 클래스 중 하나로 비밀번호를 암호화하는 데 사용할 수

이때까지 모든 프로젝트는 하나의 프로젝트 안에 백엔드와 프론트엔드를 같이 넣어서 테스트를 진행했었다. 하지만 이번 프로젝트의 취지는 실제 백엔드와 프론트엔드의 협업이 어떤 방식으로 이루어지는지, 백엔드에서 API를 만들어 Response 하였을 떄, 프론트에서 요청을

앞서 sekkison프로젝트를 진행하면서 Rest API 방식으로 데이터를 받을 url 설정을 끝냈다. 이후 프로젝트의 프론트 구성과 그 과정에 대해 보여줄 것이다.먼저, 백엔드 서버와 프론트 서버를 나누어 프론트 쪽에서 api를 호출하는 방식으로 구성할 것이기 때문에

우리가 진행하는 sekkison 프로젝트는 모바일을 위주로 만드는 프로젝트이다. 그리고 우리 팀은 프론트엔드 개발자가 아니라 백엔드 개발자들만 모여 있기에 모바일 로그인 탬플릿을 사용하여 만들었다.프론트엔드를 깊게 배우지 않아 조잡해 보일 수 있지만 최대한 잘 보이게

이제 회원가입을 만들어 볼 차례이다.회원가입의 유효성 검사는 백엔드에서도 처리하였지만, 프론트에서도 동일하게 처리하였다. 그리고 unique하게 db에 저장되는 전화번호를 통해 인증할 수 있게 만들었다.회원가입 UI는 다음과 같이 구성하였다.만약 유효성 검사와 중복검사

로그인과 회원가입 페이지에서는 필요 없었지만, 이제부터 구현할 페이지들에는 네비게이션의 역할과 편의성을 보장해 줄 헤더와 푸터가 필요하다.기획 단계에서와 같이, 헤더에는 로고, 친구목록, 쪽지함, 알림, 내정보에 해당하는 버튼을 만들 것이고, 푸터에는 홈, 내 약속,

앞서 말했듯 Sekkison의 Home을 구현해보도록 하겠다.모든 사이트들은 Home 페이지가 필수적이며, 사이트를 접속했을떄 가장 눈에 들어오는 요소이다. 기획단계에서 Lobby같은 느낌을 주는 페이지를 만들고자 하였기에 이를 중점으로 구성해보았다.이 글에서 소개할