끄적끄적 코딩일지

드디어 끝이 보이네.... 부트캠프 중간중간 조금씩 만들어 가니까 진도가 빠지지 않는다. 간단한 프로젝트라서 맘잡고 만들면 2~3일이면 될것같은데 생각보다 오래걸린다. 그래도 월드컵 게임 진행화면과 결과 화면까지 만들었으니 남은건 로그인, 댓글 기능만 남았다. 일단 메인화면 쪽 코드이다. 번호 제목 등록자 플레이횟수 등록날짜 1 test member number ► 플레이하기 Controller private final WorldCupGameService service; @GetMapping(value = "/") public String index(Model model){ model.addAttribute("games",service.getRepo().findAll()); return "main"; }..

저번글에서 대충 선택한 이미지 만큼 동적으로 해당 이미지와 이미지의 타이틀을 입력하는 항목을 추가하는것까지는 하였다. 2022.05.23 - [Project/[Spring] 이미지 월드컵 만들기] - [Spring]이미지 월드컵 만들기(5) - 이미지 업로드 설계(1) [Spring]이미지 월드컵 만들기(5) - 이미지 업로드 설계(1) 원래 저번글에서 마치고 Spring Security를 하려고 했으나 괜히 아직 없는 기능에 보안부터 적용하는것 같아서 그냥 UI부터 설계하기로 했다. 만들어야할 페이지는 메인(월드컵 리스트 표시),로그인, blablacoding.tistory.com 그렇게 만들었으니 서버에 올라가는걸 테스트 할 차례 일단 그대로 서버에서 어떻게 값이 날라올지 확인해 보았다. @PostM..

원래 저번글에서 마치고 Spring Security를 하려고 했으나 괜히 아직 없는 기능에 보안부터 적용하는것 같아서 그냥 UI부터 설계하기로 했다. 만들어야할 페이지는 메인(월드컵 리스트 표시),로그인, 회원가입, 월드컵 게임 페이지, 월드컵 게임 결과 페이지, 월드컵 게임 등록 페이지.... 분명 단순한 토이프로젝트로 시작하려고 했었는데 왤케 만들 페이지가 많지... 토이프로젝트니까 걍 로그인 기능 뺄까.... 어찌됬든 마음 다잡고 다시 개발 시작 일단 Javascript코드가 가장 복잡할것 같은 월드컵 게임 페이지부터 만들기로 했다. 그리고 이미지 선택 이벤트 js 파일 let sessionStorage = window.sessionStorage; let items = sessionStorage.g..

저번 글에서 필요한 데이터를 저장할 Table을 구현하였다. 2022.05.18 - [Project/[Spring] 이미지 월드컵 만들기] - [Spring]이미지 월드컵 만들기(3) - DB Entity 설계하기 [Spring]이미지 월드컵 만들기(3) - DB Entity 설계하기 이미지 월드컵의 주요 기능을 생각해 보자 기본적으로 로그인 기능 넣고 일단 한 게임안에 다수의 사진이 들어가야한다. 사진에는 간단한 타이틀이 붙는다. 그리고 게임이 끝났을때는 각 사진 blablacoding.tistory.com 이제 해당 데이터를 활용할 기능을 만들 차례이다. 일단 필요한 기능을 정의해 보자 단 데이터를 단순 조회하고 쓰고 지우는 기능은 제외해보자 1. ID 중복체크( 회원가입 ) 2. PW 암호화 3...

이미지 월드컵의 주요 기능을 생각해 보자 기본적으로 로그인 기능 넣고 일단 한 게임안에 다수의 사진이 들어가야한다. 사진에는 간단한 타이틀이 붙는다. 그리고 게임이 끝났을때는 각 사진마다 승리한 비율을 표시해준다. 흠.... 일단 초기 설계이나까 이정도만 생각해 보자 일단 계정 정보를 저장하고 있는 Member부터 설계해 보자 entity 페키지를 만들고 Member class를 만들었다. 1. Member(회원) @Entity를 통해 spring에서 해당클레스가 entity임을 알수 있도록하고 기본키(primary key)는 generatevalue를 통해 자동생성으로 하였다. 사용자 이름, 로그인 id,로그인 pw, 생성 날짜등의 column을 선언하였다. 2. WorldCupGame(월드컵 게임) ..

지난 시간에 이미지 월드컵을 만들기 위한 Spring프로젝트를 생성해 봤다. 2022.05.18 - [Project/[Spring] 이미지 월드컵 만들기] - [Spring boot]이미지 월드컵 만들기(1) - 프로젝트 세팅 [Spring boot]이미지 월드컵 만들기(1) - 프로젝트 세팅 Spring을 사용한 어떤 프로젝트를 고민이 들던때쯤 자기전의 국롤인 유튜브 영상을 보다가 이미지 월드컵을 하는 유튜버를 보면서 저거정도는 쉽게 만들어 볼수 있겠다!! 라는 생각이 들었다. 당 blablacoding.tistory.com 사용할 Database는 고민끝에 가장 익숙한 Postgresql을 사용하기로 결정 build.gradle에 jdbc postgres driver 라이브러리를 추가하자 그리고 ap..

Spring을 사용한 어떤 프로젝트를 고민이 들던때쯤 자기전의 국롤인 유튜브 영상을 보다가 이미지 월드컵을 하는 유튜버를 보면서 저거정도는 쉽게 만들어 볼수 있겠다!! 라는 생각이 들었다. 당장 중고로 산 멕북을 키고 intelliJ를 열어 new Project으로 spring 프로젝트 생성! 을 하려는데 왜 Spring 프로젝트가 없지..? 뇌정지현상을 겪은 후에 최근에 Spring tool suite에서 intelliJ으로 넘어왔는데 기존 프로젝트만 import 했지 새 프로젝트는 만든적이 없다는걸 알았다. 당장 plugin 깔러 가야징~~~ 플러그인 -> 마켓플레이스에서 spring 검색후 Spring Initializr and Assistant 설치! 그후 새 프로젝트 생성하기에 가보면 Sprin..