spring 썸네일형 리스트형 [Spring] 낚시 상점 토이 프로젝트인 낚시 게임의최종 기능인 상점 기능을 리뷰해보려고합니다. create table rod( r_name varchar2(10 char) not null, r_price number(6) not null, r_damage number (5) not null ); 먼저 낚시대 테이블은 이렇게 구현되어 있습니다.낚시대 이름, 낚시대 가격, 낚시대 데미지가 DB컬럼으로 지정되어 있고,상점에서 낚시대를 구입하면DB에 추가할 예정입니다. 그럼 View부터 보여드리겠습니다. div id="Shop" class="Shop" style="display:none;">table id = "ShopTbl" class = "ShopTbl">tr>div class = "user-title">Shop👩d.. 더보기 [Spring] 물고기 판매 이 게임의 최종 목적은물고기를 팔아서 돈을 벌고,상점에서 낚시대를 사서 데미지를 강화 후물고기를 쉽게 잡는 것입니다.그래서 잡은 물고기를 파는 기능이 필요한데오늘은 그 기능 구현 과정을 리뷰해보려고 합니다. 먼저 인벤토리의 물고기를 누르면물고기의 상세 정보가 뜨게 됩니다.저는 이 로직을 파는 로직과 묶어서구현해봤습니다. 먼저 인벤토리의 물고기를 그냥 눌렀을 때는 //인벤토리 내 물고기 클릭시 showInfo 메소드 실행 function showInfo(fishName, fishPrice, fishSize, event) { console.log("Fish Size: ", fishSize); var clickX = event.pageX; var clickY = event.pageY;.. 더보기 [Spring] 낚시 이벤트2 낚시에 성공하면물고기 데이터 베이스에서 물고기 정보를 가져와서인벤토리에 해당 물고기를 추가하려고 합니다. 물고기 DB에는 현재 물고기 번호,물고기 이름, 물고기 가격에 대한 데이터가 12개 들어있습니다.1부터 12까지의 랜덤한 숫자를 정해서해당 번호에 해당하는 물고기의 데이터를인벤토리에 추가하려고 합니다. f (gagePercent >= 100) { isFishing = false; canFightFishing = false; gagePercent = 30; clearInterval(in.. 더보기 [jQuery] jQuery의 CSS를 이용한 기능 jQuery를 사용하면 무궁무진한 기능들을 만들 수 있습니다.제가 만든 낚시 게임의 메인 기능은 낚시, 상점, 캐스팅인데그 외에 시각적으로 재미있는 요소들을 몇 개 넣어봤습니다.메인 기능을 소개하기 앞서, 그 부분을 먼저 리뷰해볼까 합니다. 오른쪽에 메뉴들이 보이시나요? 그 중에서 6개의 모드 먼저 리뷰해보겠습니다.각각 지정된 지정키가 있는데이 부분은 jQuery의 키 이벤트를 사용해서해당 키를 눌렀을 때 어떤 이벤트가 발생하게 구현했습니다.키 이벤트를 사용하는 코드를 살펴보겠습니다. C키를 누르면 상태창의 배경색을 변경하려고 했습니다. $(document).keydown(function(e) { if (e.keyCode === 67) { //C키 let randomColor = Math.f.. 더보기 [Spring] 토이 프로젝트 - 로그인 구현 안녕하세요최근 2주일간 개인 프로젝트를 진행했고드디어 오늘 완성했습니다.내일까지 시간이 있어서 코드를 리뷰해보려고 합니다. 프로젝트의 이름은 Fish Dalle3입니다.배경 이미지를 Dall E 3를 사용해서 만들었기 때문에간단하게 지었습니다. 이미지 제공 ▼DALL·E 3 | OpenAI 먼저 로그인 화면을 보여드리겠습니다. ID와 PW로 로그인하는 간단한 로그인 기능입니다. div class = "title">Fish Dalle3div> jsp:include page="${lp }">jsp:include> div> Landing Page에 jsp의 내장 기능인 include를 사용해서로그인 폼을 구현 했습니다. %@ page language="ja.. 더보기 [Spring] Singleton 두 값을 입력받아서 form으로 post요청을 보낸 뒤두 값을 더한 값과 계산 횟수를 콘솔에 출력하려고합니다. form action = "calculate.do" method = "post">table> tr> td>이름: input name="n" placeholder = "name" autofocus = "autofocus">td> tr> tr> td>X: input name="x" placeholder = "X" autofocus = "autofocus">td> tr> tr> td>Y: input name="y" placeholder = "Y" autofocus = "autofocus">td> tr> tr> td>button>버튼button>td> tr>table>form> j.. 더보기 [Spring] POST요청 index.jsp에 다음과 같은 코드가 있다고 가정합시다.form button태그를 사용하는데 값을 입력하고 버튼을 누르면calculate.do라는 주소에 post요청을 보내게 됩니다. Spring에서는 위와같은 POST 요청이 들어올 때 어떻게 처리하는지 알아봅시다.@RequestMapping(value = "calculate.do", method = RequestMethod.POST) public String calcXY(@RequestParam(value="n") String n, @RequestParam(value="x") int x, @RequestParam(value="y") int y) { System.out.println(n); .. 더보기 [Spring] Autowired Autowired 어노테이션을 사용하면생성자와 setter가 필요없이 해당 기능을사용할 수 있습니다. 이 Autowired를 사용하려면beans.xml파일의beans태그 속성에context관련 내용을 추가해야합니다. http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-b.. 더보기 이전 1 2 다음
