728x90 Project11 구구단 출력 프로젝트 03 - 컨트롤러(Controller) 만들기 1. 만들어둔 모델(Model)인 TimesTableService를 연결한다. @Autowired TimesTableService timesTableService; Autowired를 사용하면 Controller에서 새로운 객체를 만들거나 할 필요 없이 사용이 가능하다. 2. 브라우저에서 "localhost:8080/" 을 호출하면 home.jsp로 연결한다. @RequestMapping(value = "/", method = RequestMethod.GET) public String home() { return "home"; } home.jsp로 연결시키기 위해 return 값을 "home"으로 주었다. servlet-context.xml 파일에 ViewResolver로 .jsp가 bean 등록되어있기.. 2021. 10. 10. 구구단 출력 프로젝트 02 - 뷰(View) 만들기 1. home.jsp 파일에 html의 태그를 이용하여 "첫 단", "마지막 단", "마지막 곱할 수"를 입력하고 버튼을 클릭할 수 있도록 구성한다. 계산하기 placeholder를 이용하여 화면에 고정적으로 나타나있도록 하였다. button의 경우 default 값이 "submit"이기 때문에 이를 type="button"으로 변경해주었다. 후에 ajax 호출을 통하여 가져온 결과값을 출력해둘 곳으로 id="resultDiv" 의 div 영역을 만들어두었다. 2. 버튼을 클릭하면 ajax를 호출하여 controller에 데이터를 보낼 수 있도록 구성한다. $('button').on('click', function() { var inputValue = { 'firstTimes' : Number($('#f.. 2021. 10. 9. 구구단 출력 프로젝트 01 - 모델(Model) 만들기 만드려는 프로그램 구구단 형태로 출력 첫 단, 마지막 단, 마지막 곱할 수를 작성해서 계산을 누르면 위와 같은 형태로 출력되도록 할 예정 /* firstTimes : 첫번째 단 (입력) lastTimes : 마지막 단 (입력) firstMultiplier : 첫번째 곱하는 수 (입력X -> 1로 고정) lastMultiplier : 마지막 곱하는 수 (입력) */ 1) 2 * 1 = 2 형태의 문자열 리턴 private String generateTimesString(int times, int multiplier) { int result = times * multiplier; String timesString = times + " * " + multiplier + " = " + result; return.. 2021. 10. 7. 이전 1 2 3 다음 728x90
