Project [iLanD]

# of Posts

1 more property

Gallery

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

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

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

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

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

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

여기서 문제는 뷰컨트롤러의 반환값이 return “index”; 인 경우에 문제가 없던 것이였으며, return “/index”; 인경우에 prefix와 더해져서 /templates//index.html 와 같이 중간에 더블슬래시 처리되던 문제였다. 이상한점은 개발IDE에서 그냥 프로젝트를 직접 실행하는 경우엔 /index 와 같은 형태도 실행이 되었다는 것이다.. 잘못하면 크게 돌아가서 해결도 못할뻔했던 문제로 타임리프를 사용할때는 확인해두어야 할 사항같다.

[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에서는 간단히 파일을 실행시켜 설치 할 수 있으며 터미널을 통해서 설치 상태를 확인하는 것이 좋다.

MySQL DB 서버 설치

MySQL 데이터베이스를 사용했다. 설치는 간단하게 인스톨러를 통해 설치할 수 있다.

로컬 개인 개발용 비밀번호는 간단하게 세팅해야 안까먹는다, 나중에 찾는과정이 생각보다 정신없을 수 있다. 새로설치하고 꼬이고 고생 할 수 있으니 기록해두던지 간단하게 설정하는편이 좋다.

MySQL :: Download MySQL Installer

Note: MySQL 8.0 is the final series with MySQL Installer. As of MySQL 8.1, use a MySQL product's MSI or Zip archive for installation. MySQL Server 8.1 and higher also bundle MySQL Configurator, a tool that helps configure MySQL Server.

https://dev.mysql.com/downloads/installer/

여러 설정이 나오는데 왠만하면 건들지 않고 그대로 진행하고

[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

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

ResponseDto를 통한 이미지, 영상 인코딩과 미리보기, 재생 등을 위한 준비

미리보기, 영상 재생 등은 결국 조회에서 발생하기 때문에 ResponseDto를 통해 조절하게 되었다.

기본적으로 해당 요청이 필요한 컨트롤러를 구성하고 반환되는 결과를 조절하면된다.

이 과정에서 영상 자체를 DB에 기록할 필요는 없었으며 DB에는 URL을 저장하고 시스템 경로에 저장된 파일을 인코딩하게 된다.

브라우저 크기에 따라 동적으로 영상 크기 조절

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

Project [iLanD]

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

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

파일 업로드

파일 업로드 예제 1

Notice 공지게시판

Movie&TV 컨텐츠게시판

채팅 기능