profile
백엔드 개발자를 꿈꿉니다

Sekkison Frontend UI -14 # Home

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

2023년 3월 26일
·
0개의 댓글
·

Sekkison Frontend UI -13 # 유저 검색

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

2023년 3월 26일
·
0개의 댓글
·

Sekkison Frontend UI -12 # 회원가입

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

2023년 3월 26일
·
0개의 댓글
·

Sekkison Frontend UI -11 # 로그인

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

2023년 3월 26일
·
0개의 댓글
·

Sekkison Frontend UI-10 # Project Setting

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

2023년 3월 26일
·
0개의 댓글
·
post-thumbnail

Sekkison SpringBoot project - 09

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

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

Sekkison SpringBoot project - 08

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

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

Sekkison SpringBoot project - 07

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

2023년 3월 20일
·
0개의 댓글
·

Sekkison SpringBoot project - 06

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

2023년 3월 20일
·
0개의 댓글
·

Sekkison SpringBoot project - 05

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

2023년 3월 19일
·
0개의 댓글
·

Sekkison SpringBoot project - 04

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

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

Sekkison SpringBoot project - 03 # 프로젝트 생성

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

2023년 3월 18일
·
0개의 댓글
·
post-thumbnail

Sekkison SpringBoot project - 02 # DB

draw.io를 통해 테이블을 구성해주었다. cmd을 열고 MySQL에 접속한다.위 코드를 넣어주면 mySQL에 DB가 생성된다.이후 springboot에 연결해주면 mySQL과 연동이 된다.예시로 users을 통해 설명하도록 하겠다.이 코드는 Java 언어를 사용하여

2023년 3월 14일
·
0개의 댓글
·

OCP 란

OCP(Open-Closed Principle)는 객체 지향 설계와 프로그래밍의 기본 원리이다. 이 원칙은 "소프트웨어 엔티티(classes, modules, functions 등)는 확장을 위해 개방되어야 하지만 수정을 위해 폐쇄되어야 한다."즉, OCP의 목표는 기

2023년 2월 25일
·
0개의 댓글
·

쿠키, 세션, 토큰

쿠키, 세션 및 토큰은 모두 웹 사이트 및 웹 응용 프로그램에서 사용자 인증을 유지하고 사용자 활동을 추적하기 위해 일반적으로 사용되는 방법입니다.쿠키는 웹 사이트가 사용자의 브라우저로 보내고 사용자의 장치에 저장되는 작은 텍스트 파일입니다. 쿠키를 사용하여 사용자 기

2023년 2월 25일
·
0개의 댓글
·

ACID와 Transaction

ACID는 Atomicity, Consistency, Isolation 및 Durability의 약자입니다. 이 네 가지 속성은 신뢰할 수 있고 고품질의 데이터베이스 트랜잭션의 핵심 특성으로 간주됩니다.다음은 각 속성의 의미에 대한 간략한 개요입니다:원자성(Atomic

2023년 2월 25일
·
0개의 댓글
·

@EnableJpaRepositories + 사용법

@EnableJpaRepositories는 스프링 프레임워크에서 JPA를 사용하기 위한 설정을 자동으로 처리해주는 애노테이션입니다. 이 애노테이션은 스프링 부트에서 자동으로 설정되므로, 보통 스프링 부트를 사용하는 경우에는 따로 설정할 필요가 없습니다.JPA는 Java

2023년 2월 16일
·
0개의 댓글
·

@RequiredArgsConstructor와 @Autowired의 공통점 차이점

@RequiredArgsConstructor는 Lombok이 제공하는 애노테이션으로, final이나 @NonNull으로 선언된 필드를 가지는 클래스의 생성자를 자동으로 생성해주는 기능을 제공합니다. 이 애노테이션은 생성자 코드를 간단하게 작성할 수 있도록 도와주며, 객

2023년 2월 16일
·
0개의 댓글
·

DI 방식 3가지

DI(Dependency Injection)는 객체 지향 프로그래밍에서 종속성을 관리하는 기법 중 하나로, 객체 간의 결합도를 낮추는 데 도움을 주는 패턴입니다. 이 기법은 일반적으로 객체를 생성하는 코드에서 객체의 종속성을 주입(inject)하는 방법을 사용합니다.D

2023년 2월 16일
·
0개의 댓글
·