Blog - 완성

🎈 블로그 - https://gomawoomi.tistory.com/

💾 Github - https://github.com/jinseong205/springBoot-blog

📙개발과정 -  https://gomawoomi.tistory.com/category/Project/SpringBoot-Blog

 

---

 

설명 

개인 관련 자료 정리 및 토이프로젝트를 구현하는 사이트입니다.

 

---

 

개발환경

Oracle Cloud Service - compute instance (Ubuntu - 22.04)
Oracle Cloud Service - Autonomous Data Warehouse (Oracle 19c)

 

언어 및 프레임 워크

Java / JSP
Spring Boot
Oracle 

 

사용기술

#JPA    #Spring Security    #oAuth (kakao)    #REST API    #Ajax   

#Canvas    #Riot API    #CK Editor    #BootStrap    #WebSocket 

  

---

 

메인화면

 

기본 메인 화면으로 블로그내의 [프로필], [포트폴리오], [토이 프로젝트] 로의 연결과 외부 [개인 블로그], [Github]으로 연결합니다.

또한 개인 GitHub의 contribution을 연결 해 두었습니다.

 

---

 

회원가입 / 로그인 

 

간단한 회원정보를 통해 회원가입을 진행하고 있습니다.

회원가입시 유저의 패스워드는 Spring Security 에서 지원하는 BCryptPasswordEncoder를 사용하여 Hashing하여 저장됩니다.

로그인은 Spring Security 에서 AuthenticationManager 를 활용하여 로그인을 진행하였습니다.

카카오톡을 이용한 oAuth경우 로그인시 자동으로 회원가입을 진행하여 로그인을 진행하고 있습니다.

 

 

---

 

[자료정리] 글 목록 / 글 자세히 보기

 

글목록은 카테고리별로 5개씩 페이징 처리하여 글의 제목과 작성자, 작성시간을  확인할 수 있습니다.

자료는 프로필 / 포트폴리오 / 자유게시판 3개의 항목으로 분류되었습니다.

 

글 자세히보기는 해당글의 내용을 확인할 수 있으며 자신이 등록한 글에 대해 수정/삭제가 지원됩니다.

댓글의 경우 등록 및 자신이 등록한 댓글에 대해 삭제가 지원됩니다.

관리자 권한은 모든 글/댓글에 대해서 삭제가 가능합니다.

 

 

 

---

 

[자료정리] 글작성 / 수정

 

글 작성/수정 은 자유게시판에 대해서는 모든 회원이 글을 작성할수 있습니다.

관리자 계정은 모든 카레고리의 글을 작성 할 수 있습니다.

 

에디터는 CkEditor를 사용하였으며 image Upload 기능을 구현하였습니다.

 

 

 

---

 

[토이 프로젝트] Canvas 웹게임

 

HTML Canvas를 활용하여 간단한 웹게임을 구현하였습니다.

고양이 캐릭터를 마우스/키보드를 사용하여 재생되는 화살을 피하는 게임입니다.

화살이 고양이 캐릭터에 충돌처리 되면 게임이 종료됩니다.

 

『유니티5 교과서』 서적에서 제공하는 리소스를 사용하였습니다.

 

---

 

[토이 프로젝트] RiotApi

 

Riot Api 를 활용하여 LeagueOfLegend 의 계정 정보와 최근 5경기의 전적을 조회하는 기능을 구현 하였습니다.

개발 라이센스로는 시간당 Request의 갯수가 제한되어 일부정보만을 제공하고 있습니다.

또한 api-key가 24시간이 지나면 만료되기 때문에 api-key가 만료 되면 dummy 데이터의 정보를 조회하고 있습니다.

 

 

---

 

[토이 프로젝트] WebSocket 채팅

 

WebSocket 를 활용하여 간단한 멀티 채팅을 구현하였습니다.

로그인 사용자의 경우에는 계정id로 비로그인 사용자의 경우 랜덤아이디를 생성하여 채팅방에 참여할 수 있습니다.

 

 

---

 

[토이 프로젝트]

 

토이프로젝트는 관심있는 스킬을 간단한게 구현하여 블로그에 업로드 중입니다.

지속적인 업데이트가 진행 되고 있습니다.

 

Canvas 웹 게임 - https://gomawoomi.tistory.com/54

Riot API - https://gomawoomi.tistory.com/55

WebSocket 채팅 - https://gomawoomi.tistory.com/59