Project [iLanD]

# of Posts

1 more property

Gallery

Jar 빌드 및 실행에서의 문제 발생

우선 프로젝트 개발환경 외 다른 PC에서의 프로젝트 클론, 실행 시 문제가 발생함. DB 설정까지 똑같이 구성했지만 처음보는 오류였음.

타임리프 뷰리졸버의 문제 발생. 메인 페이지는 접속이 가능한데 다른 모든 페이지가 접근 불가가 나타남. 페이지 또는 데이터 로딩에 문제가 발생할때 나타나는 Whitelabel Error가 나타나며

서버 내 실행 이후 나타난실제 오류코드는 다음과 같음. 주요 내용은 결국 THYMELEAF 에서 발생. 모든 페이지가 접근 불가능. 이상하게 메인페이지는 접속이 된다?

ChatGPT 또한 돌아돌아가는 말도안되는 클래스 패스와 관련된 해결책을 주길레 뷰 컨트롤러들의 차이점을 직접 살펴봄

가장 큰 차이점은 / 슬래시의 유무였다. 클래스패스는 이미 application.properties에서 지정된 상태이다.

[Spring][iLanD] [빌드] Jar 빌드 이후 실행 시 타임리프 트러블슈팅

[Spring][iLanD] [프로젝트완료] 각 기능 구현 시연

타 PC(Windows) 실행 환경 설정

본 프로젝트는 MacOS에서 개발되어 일부 환경이 상이하다. 프로젝트 실행은 Windows에서 서버로 실행되어야 하기 때문에 아래와 같이 초기 설정을 통해서 프로젝트를 실행 할 수 있다.

JDK-17 설치

본프로젝트는 Java기반의 프레임워크인 SpringBoot프로젝트로 JVM 런타임 환경이 필요하다. 공식홈페이지에서 JDK17버전을 설치해준다.

Download the Latest Java LTS Free

Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts.

https://www.oracle.com/kr/java/technologies/downloads/#jdk17-windows

Windows에서는 간단히 파일을 실행시켜 설치 할 수 있으며 터미널을 통해서 설치 상태를 확인하는 것이 좋다.

[Spring][iLanD] [프로젝트완료] 타OS 실행환경 구축가이드

간단한 자바스크립트 게임을 구현하였다.

캐치마인드와 같은 웹소켓을 활용한 실시간 멀티플레이어 게임을 다루려했으나, 생각보다 모바일까지 구현해야하는 난이도가 있고, 기한에 비해 규모가 커질것으로 생각되서 간략한 미니게임을 준비했다.

5승을 먼저 차지하는 가위바위보 게임이며 생각보다 약오른다.

game.js

대부분 간단한 변수와 조건문으로 처리했으며 모바일로도 테스트를 했다. 난수에 따라 3개의 이미지를 동적으로 변경하는것이기 때문에 일부 기기에 따라 조금 느린 경향도 있는데 오히려 컴퓨터가 야비하게 변경하는듯한 모습에 열이 받는다.

[Spring][iLanD] [Mini Game] 가위바위보 게임 기능 넣기

이번 프로젝트에서 배운 파일에 대한 요청과 응답 처리

가물가물했지만 예전부터 프로젝트에서 이미지처리를 위해서 img src에서 외부 경로로 참조하는것을 임시로 처리하면서 기본적인 CRUD에서도 파일에 대한 처리의 미흡함이 있었다. 이번 프로젝트에서 왜 안되는가에 대해 구현에 집중하다보니까 깨달은 부분이 있다.

분명히 예전에 배운 내용인데, 코드인데 파일 자체를 접근하는 방법에 대해서 감을 잡은게 크다. Base64로만 해보고있지만 다양한 알고리즘 인코딩 방법들을 알아가보면 효율적인게 있지 않을까? 우선은 기능 구현 자체에 문제가 있던 부분들이 해결되면서 뭔가 안되던것들을 해결해나가는 자신감이 생겼다.

Video to Base64 | Base64 Encode | Base64 Converter | Base64

Convert video to Base64 online and use the result string as data URI, HTML object, JavaScript Video, and others

https://base64.guru/converter/encode/video

영상 목록의 포스터에서 시청화면으로 진입

[Spring][iLanD] [Base64] Video 파일 추가, Img 포스터와 분리, Video 파일 처리 로직 분리, 인코딩 후 이미지 출력, Video 태그를 통한 영상 재생

실시간 채팅 기능이 어느정도 구현되었으니 다듬기를 들어간다.

원하는건 채팅의 구분이 안되는것과 안내와 같은 부분이 부족하다.

카톡과 비슷하게 구현해보고싶다. 구현된 모습은 우선 다음과 같다. 다른 브라우저를 통해서 로그인된 유저와 로그인되지 않은 유저의 상황을 연출했다.

chatting.js

전반적으로 코드가 복잡해지긴한다. 로그인시 생성되는 클라이언트 쿠키로부터 사용자 이름을 받아오도록했다. 다른 방법들로 user의 Authentication을 받아오는 것을 구현해보고 싶다.

CSS를 통해 카톡like 메신저 색상을 입혀보았다.

chatting.html

html은 그대로이다.

[Spring][iLanD] [Web Socket] 실시간 채팅 기능 다듬기

웹 소켓을 활용한 채팅 기능 구현 과정

웹소켓을 활용한 채팅 기능을 구현하고자한다.

Getting Started | Using WebSocket to build an interactive web application

Learn how to the send and receive messages between a browser and the server over a WebSocket

https://spring.io/guides/gs/messaging-stomp-websocket/

의존성 추가build.gradle 에 의존성 추가

Configuration 추가

뷰 컨트롤러 추가

chatting.html

chatting.js

Controllers

우선 채팅 페이지를 반환하는 뷰컨트롤러

[Spring][iLanD] [Web Socket] 실시간 채팅 기능 구현

img src에서 프로젝트 내부 경로외의 시스템 경로 파일 인지 불가능한 부분

<img src="/uploads/${originFileName}" 처럼 일반 img src로 소스를 불러오면 context 경로가 이미 localhost:8080 이 잡혀있기 때문에 시스템경로로 접근 할 수 없었다.

보안상 불가능한 방법으로 결국 서버로부터 이미지 데이터 자체를 받아와야한다. 이를 억지로 구현하기 위해서 데이터 저장 시

위 코드처럼 dir2로 프로젝트 내부로 이전하는 방법을 사용해서 일부 작동되도록 구현했었지만 문제가 있었다. 이미지 로드를 위해서는 서버가 재시작되어야하고 그 전까지는 JSON 타입의 요청만 가능해져서 이미지 자체가 로드되지 않았다. 이건 사실 불필요한 데이터 중복, 복사이며 일관성을 해칠 수 있다.

[Spring][iLanD] [File] TroubleShooting - 파일 인코딩해서 조회하기

기존 HTML 태그 및 CSS의 작동 이상으로 전체적으로 수정

[Spring][iLanD] MVP - [AboutUs] @media 태그를 이용한 반응형 오버레이 텍스트박스

파일 업로드 위치 변경

파일을 시스템 경로로 하는 경우 ssh등 파일 서버자체를 구성해서 접속해야한다. AWS S3와 같은 파일서버구성이 필요하기 때문에 프로젝트는 간단하게 구성하기 위해 프로젝트 내부경로에 파일을 업로드하고, 파일을 간단하게 불러오게 하고자한다.

이를통해 파일업로드관련 CRUD가 작동하면 해당 부분에 파일이 업로드 또는 삭제가 실시간으로 진행된다.

미리보기

파일을 업로드한 공지글과 같은 글에서 파일(이미지)가 정상 로드되는지 확인하고자했다.

[Spring][iLanD] MVP - [File] 파일 업로드 프로젝트 경로이동 및 미리보기 구현

Create를 참고하여 Update를 응용

새로운 파일이 업로드된다.

하지만 문제는 기존 파일이 남아있다는 것

유저가 어떤 글의 첨부파일을 새로 업로드한다는 행위는 다음과 같이 플로우를 생각할 수 있다.

•

공지 업데이트 요청을 보낸다고 가정하면, 일단 세가지로 나눠진다.

[Spring][iLanD] MVP - [File] 파일 업로드 업데이트 API 구현

최종 환경 구축 화면

모바일버전에서의 실행 테스트 화면

환경 구축 전경 사진자료들

[Spring][iLanD] [프로젝트완료] 외부 접속 환경 구성 완료 모습

Notice : File 테이블은 1:N 연관관계로 설정되어있음

orphanRemoval = true 를 통해 공지가 삭제되면 파일의 연관관계가 null로 사라지므로 함께 삭제된다. 해당 옵션은 위험하기 때문에 잘 생각해서 적용해야한다. 특히 User에 잘못 연결하는 경우 user가 생성한 게시판, 게시글, 모두 사라질 수 있다.

테스트

18번 공지를 삭제했으며, 이는 2개이상의 파일이 연결되어 있었다.

공지가 삭제되었으며

[Spring][iLanD] MVP - [File] 공지 연관관계 삭제시 파일 삭제 구현

최초 시도(중복 덮어쓰기 발생)

중복 허용을 위하여 noticeId를 기준으로 UUID 추가

multipart 파일 업로드는 필수라 첨부없이 일반 공지를 못올리는 문제 발생

[Spring][iLanD] MVP - [File] 파일 업로드 API 구현

터미널로 springboot 프로젝트를 실행하고 접속상태 확인

해당프로젝트 경로로 이동해서 bootRun 명령어로 서버에서 실행시킨다.

해당 서버 localhost에서는 당연히 기본적으로 작동하며,

무선으로 내부 네트워크(인트라넷) 연결된 환경에서도 직접 내부IP를 통해서 접속 가능한 화면을 확인 할 수 있다.

[Spring][iLanD] 인트라넷 실행 환경 간단 테스트

페이징 처리 구현

[Spring][iLanD] MVP - [Notice] 페이징 처리 구현

로그인 페이지 구현 API 연결

공지 작성 기능

공지 수정 기능

공지 삭제 기능

[Spring][iLanD] MVP - [Admin] 로그인 프론트 연결 및 관리자 페이지 구현

웹 소켓을 활용한 실시간 그림판 기능

[명우니닷컴] 웹 실시간 그림판 만들기(4)

작업 내역 : node.js 웹 소켓 모듈 서버를 이용한 실시간 그림판 구현 진행 중 작업 : 데스크탑 및 모바일 최적화 완료 앞으로 진행해야할 사항 1) 데이터베이스 연동 (사용자가 캔버스 내에 작업한 내역이 유지되도록 - 최대 5만건 제한) - DB 서버로 사용할 고정 IP 필요 2) 그림 도구 추가 (펜 & 지우개 굵기 선택, 모든 색 지원을 위한 팔레트 라이브러리 추가) 3) 실시간 유저 목록 - 입장 시 닉네임을 받아 리스트 형식으로 유지하거나 / 마우스 오버 좌표 값에 따른 유저 닉네임 노출 4) 각 유저마다 다른 브라우저 프레임 크기에 대한 동기화 - 열심히 검색해볼것..... 테스트 주소 : http://myeonguni.com 진행 결과물 관련 소스코드 1. nodeWS.js [Serve..

https://myeonguni.tistory.com/1393

모바일 터치 반응이 없어서 제외됨

JS로 게임을 넣는게 쉬운편, 게임 자체만으로 하나의 프로젝트급이라 해당 프로젝트에서는 구현 어려움

웹 소켓을 활용한 채팅서버 기능

[Spring] 웹소켓으로 실시간 채팅 구현

현재 만들고 있는 토이 프로젝트에서 채팅 기능을 구현하고자 하였다. 채팅 기능을 구현하기 위해서는 웹소켓에 대해서 알아야 했다. 웹소켓이란? 처음에 채팅 기능을 구현할 때 HTTP를 이용해서 구현하려고 했다. 하지만 HTTP는 요청과 응답이라는 구조로 통신이 이

https://velog.io/@sunkyuj/Spring-웹소켓으로-실시간-채팅-구현

WebSocket을 이용한 실시간 채팅 구현하기 1: 서버

WebSocket을 이용한 실시간 채팅 구현 기록은 다음의 네 단계에 걸쳐 작성할 예정이다. WebSocket을 이용한 실시간 채팅 구현 1: 서버 WebSocket을 이용한 실시간 채팅 구현 2: 클라이언트 WebSocket을 이용한 실시간 채팅 구현 3: STOMP WebSocket을 이용한 실시간 채팅 구현 4: 프로젝트에 적용하기 특정 운동 모집 게시글에 참가하는 사용자들이 사용할 수 있는 각 게시글별 실시간 채팅 기능을 구현하기 위한 WebSocket 사용법을 학습하고 있다. 오늘은 Spring에서 WebSocket을 통해 특정 클라이언트가 서버에 메시지를 전송하면 서버와 연결되어 있는 다른 모든 클라이언트들에게 해당 메시지가 전송되는 서버를 구축하는 것을 실험했다. 전체 소스코드는 다음의 링크..

https://innu3368.tistory.com/214

[Spring][iLanD] 심화 기능 레퍼런스 탐색

Home에 네비게이션 적용 및 Footer 고정

992px 이하(모바일), 그 이상 태블릿(1200px), 그이상 데스크탑

아이콘 배치가 적절하게 분배되도록, 모바일 버전에서는 2열, 그 이상 버전에서는 3열 배치

[Spring][iLanD] MVP - [Home] @media 태그를 이용한 메인 페이지 반응형 메뉴 변경 적용

참고자료

스프링 부트 파일 업로드 / 파일 다운로드

•

MultipartFile 클래스 사용

◦

의존성 필요 없음

◦

application.properties 파일에서 파일 최대 크기만 설정

•

자동으로 MultipartConfigElement 클래스를 빈으로 등록

•

파일명 중복되지 않도록 UUID 사용

◦

소프트웨어 구축에 사용되는 식별자 표준

◦

16 옥텟(128바이트)의 수

◦

표준 형식에서 UUID는 32개의 16진수로 표현되며 총36개 문자(32개 문자와 4개의 하이픈)로 된 8-4-4-4-12라는 5개의 그룹을 하이픈으로 구분

◦

자바 UUID 클래스의 randomUUID() 메소드를 사용해서 유일한 식별자 생성

스프링 부트 프로젝트에서 파일 업로드 / 다운로드 예제

파일 업로드

•

파일명 중복되지 않도록 파일 이름 변경해서 업로드

•

한 번에 여러 개의 파일 업로드

•

원본 파일명 그대로 업로드

파일 다운로드

•

폴더 내 파일 목록에서 선택해서 다운로드

파일 업로드 예제 1

•

파일명 중복되지 않도록 파일 이름 변경해서 업로드

[Spring][iLanD] MVP - [File] 파일 업로드 API 레퍼런스 탐색

공지조회(유저) Ajax를 통한 연결

중요 공지 구분

[Spring][iLanD] MVP 프론트엔드와 API 연결 1차 기본 CRUD, Ajax로 동적 네비게이션 구현

영상 CREATE

영상 READ

[Spring][iLanD] MVP - [Video] 영상 CRUD API

CREATE

READ

UPDATE

[Spring][iLanD] MVP - [Info] 정보 API

게시판 생성, 수정, 삭제, 조회 구현

게시판은 총 4개로 구성될 예정

각 게시판은 완전 별개의 테이블로 구성해도되지만 공통 부분을 부모 테이블로 구성해서 추후 확장성, 유지보수성을 고려

각 게시판에 게시글들이 자식요소로 추가될 것임

Create 테스트

Update 테스트

[Spring][iLanD] MVP - [Boards] 게시판 CRUD API

공지 작성

공지 수정

공지글 삭제

[Spring][iLanD] MVP - [Notice] 공지 CRUD API

게시판 - 게시글(4종) - 파일

모든 콘텐츠는 사실 게시글이라 볼 수 있다. 그 컬럼의 내용이 달라지거나 위치만 달라질 뿐, 파일이 있는것 없는것 추후에 추가가 필요할것을 고려하여 파일 테이블을 별도로 분리하고 연관관계로 처리했다.

Board.java

게시판의 틀이되는 게시판 엔티티이다. 각 게시글들의 종류를 @OneToMany 연관관계를 통해서 각 리스트들을 가져오도록 설정했다.

Notice.java

첫번째 게시글의 엔티티인 공지 게시글이다. 게시판:공지게시글 은 1:N 연관관계를 가지고 있다. 이것과 동일하게 Info, Video, Game 게시글이 동일한 컬럼, 연관관계를 가지고 있다고 생각하면 된다. 대표적으로 Notice부분의 코드는 다음과 같다.

File.java

Notice, Info, Video, Game 게시글 모두 파일이 첨부될 수 있다. 현재 Game부분은 어떻게 구성할지 좀 더 사례를 찾아봐야하지만, 기본적으로 무언가 여러 종류 게임을 올린다는 의미에서는 게시글과 동일한 것으로 생각했으며 일단 더미로 작성해두었다.

File은 Multipart로 업로드하는 식으로 서버내 특정 공간에 저장되도록 할 것이며, 이미지나 영상은 해당 경로에서부터 추출하여 실행 또는 로드하는 방식을 사용하게 될 것으로 판단된다.

여러 파일들이 첨부될 수 있는 상황을 고려하여 1:N 연관관계를 맵핑했다.

JPA에 의해 자동으로 테이블이 생성된다.

이제 공지 게시판 CRUD를 구현하면 사실 다른 부분들은 복사 붙여넣기와 다를바 없다. 파일 업로드와 로드 부분을 잘 체크해야 한다.

[Spring][iLanD] MVP - 주요 엔티티 생성 및 연관관계 구성

전체 과정

의존성 추가

UserDetailsImpl 생성

UserRepository 추가

UserDetailsService 생성

JWT유틸 클래스 추가

JWT필터 추가

스프링 시큐리티 설정

스프링 설정

컨트롤러 설정

추후 Refresh Token 참고 자료

https://emgc.tistory.com/148

의존성 추가

UserDetailsImpl.java

[Spring][iLanD] MVP - [Auth] SpringSecurity JWT+쿠키 방식 로그인 기능 구현

회원 가입, 수정, 탈퇴 API 구현

•

비밀번호는 SpringSecurity의 BCryptPasswordEncoder를 통해 기본 단방향 해시 알고리즘 BCrypt 로 복호화 불가능한 암호화 기능을 활용

◦

PasswordEncoder.java config패키지에 별도로 작성하여 정의했으며 필요 클래스(UserService)에 주입되고 사용됨

◦

BCrypt는 안전한 해시 함수로 알려져 있으며, 해시된 값과 함께 사용되는 솔트(salt)를 통해 보안성을 강화

•

기본적으로 입력값의 유효성 검사는 다음과 같음

◦

회원의 로그인 아이디가 될 e-mail은 UK로 중복이 불가능, @Email 어노테이션에 따른 이메일 유효성 검사

▪

ex)abc@abc.com

◦

이름은 한글 2~4글자까지 허용

▪

ex)김테스, 김테, 김테스트 OK

◦

비밀번호는 비밀번호는 8~15자 영문 대 소문자, 숫자, 특수문자를 포함해야 함 

▪

ex)test1234!

•

usertype은 프론트에서 드롭다운박스로 value를 0,1,2 를 전달하도록 설계할 예정

◦

0인 경우 USER

◦

1인 경우 ADMIN 회원 가입이 가능하지만, token 필드를 잘못 입력하면 가입 불가, “admin”을 정확히 입력해야 admin 회원 가입 완료

◦

2인 경우 STAFF 회원 가입이 가능하지만, token 필드를 잘못 입력하면 가입 불가, “staff”을 정확히 입력해야 staff 회원 가입 완료

UserSignupRequestDto.java

UserUpdateRequestDto.java

UserController.java

UserService.java

UserRepository.java

테스트

[Spring][iLanD] MVP - [Users] 회원 CUD API

회원 가입 및 로그인 구현 - staff only (비회원은 모든 유저)

•

회원 가입 양식

◦

회원 아이디

◦

비밀번호

◦

이름

◦

유저 타입 RoleEnum 구현 (staff승무원 / admin관리자 / ‘user’ or none)

▪

회원가입은 일반 유저가 못하도록 시크릿 키를 등록하도록함 그 외 유효성체크로 접근 불가

•

로그인

◦

기본 정보

▪

DB의 아이디

▪

DB의 비밀번호

◦

JWT 토큰+쿠키 생성 방식으로 로그인 인증/인가 구현

Notice 공지게시판

•

CREATE - admin or staff only (중요공지컬럼필요)

•

READ

◦

admin

◦

user

•

UPDATE - admin or staff only

•

DELETE - admin or staff only

Movie&TV 컨텐츠게시판

•

CREATE - admin or staff only

◦

multipart파일업로더를 통해 서버에 저장 할 수 있는 기능 확인 필요(대용량 가능성있음)

•

READ

◦

admin or staff

◦

user or none

▪

영상 스트리핑 페이지로 재생 가능한지 확인 필요

•

UPDATE - admin or staff only

•

DELETE - admin or staff only

채팅 기능

•

WebSocket을 통한 구현 확인 필요

[Spring][iLanD] 기능 분류

SpringBoot 프로젝트 구조 생성

HomeController를 통한 메인페이지 HTTP요청 접근 상태 확인

•

의존성 주입

dependencies {
    //SpringBoot AOP
    implementation 'org.springframework.boot:spring-boot-starter-aop'
    //THYMELEAF
    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
    //JWT
    compileOnly group: 'io.jsonwebtoken', name: 'jjwt-api', version: '0.11.5'
    runtimeOnly group: 'io.jsonwebtoken', name: 'jjwt-impl', version: '0.11.5'
    runtimeOnly group: 'io.jsonwebtoken', name: 'jjwt-jackson', version: '0.11.5'
    //SpringBoot JPA
    implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
    //SpringBoot Security
    implementation 'org.springframework.boot:spring-boot-starter-security'
    //SpringBoot Thymeleaf
    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
    //SpringBoot Validation
    implementation 'org.springframework.boot:spring-boot-starter-validation'
    //SpringBoot WEB
    implementation 'org.springframework.boot:spring-boot-starter-web'
    //SpringBoot Thymleaf Security
    implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity6'
    //Lombok
    compileOnly 'org.projectlombok:lombok'
    annotationProcessor 'org.projectlombok:lombok'
    //MySQL
    runtimeOnly 'com.mysql:mysql-connector-j'
    //JSON
    implementation 'org.json:json:20230227'
    //SpringBoot Test
    testImplementation 'org.springframework.boot:spring-boot-starter-test'
    //SpringBoot Security Test
    testImplementation 'org.springframework.security:spring-security-test'
}
Shell
복사

[Spring][iLanD] 기초 프로젝트 구조 생성 및 의존성 주입, 테스트

ERD 작성

도메인별 DB 구조 설계

개발용 IDE - 로컬 DB생성 및 DB 커넥션 확인

Entity 클래스 생성

[Spring][iLanD] 데이터베이스 설계 1차(ERD)

프론트엔드 컨셉 디자인

주요 컨텐츠 디자인

[Spring][iLanD] 프로젝트 랜딩 미팅, 프론트엔드 디자인 구현 상태, 코드 확인, 과업 범위 확인

[Spring][iLanD] 프로젝트 진행 로드맵 작성

프로젝트 생성 및 .gitignore 등록 및 Git Init Commit

Github Remote Repository 생성

spring-project_i

yzpocket

[Spring][iLanD] Git, Github 저장소 연결 관리

프로젝트 추진 이유

주변 네트워크를 통해 작지만 실전과 같은 경험 도움을 주겠다는 제의가 들어왔으며 감사한 마음을 다해 최선을 다해 배운 것들을 토대로 프로젝트를 진행해보고자 합니다. 교육과정에서의 여러 팀 프로젝트와 달리 본인 스스로 어느정도 개발 할 수 있을지, 어느 부분들이 부족한지 실전으로 경험하고 싶었으며 팀 프로젝트 특성상 분업과정에서 직접 못 다루어본 여러 기능들을 스스로 구현해 볼 수 있는 좋은 기회라고 생각했습니다.

본인의 개발 범위, 현황 파악

•

간단한 Figma를 통해 제작된 컨셉 디자인은 있으나 백엔드 API 구성은 전혀 없는 상태

•

API 개발이 필요하며 이에 따라 프론트엔드의 코드 또는 구성이 변경될 가능성이 있음

•

디자인과 컨셉, 요구 기능은 최대한 유지

•

데이터베이스 설계 필요

•

Java 기반의 SpringBoot 프레임워크를 사용하는 것이 개발자의 경험적, 기간적, 간편성에 적합

•

서버 및 클라이언트 개발 이후 최종적으로 내부 실행환경을 구축해주고 외부접속 테스트하는 과정까지 필요

[Spring][iLanD] 개발 계약 체결 및 추진 이유, 범위