728x90 View2 자바스크립트 MVC 형태로 구구단 출력 프로그램 만들기 첫 단, 마지막 단, 마지막 곱할 수를 입력하는 칸을 만들고 계산하기 버튼을 만든다. 첫 단은 구구단의 시작단이 되고, 마지막 단은 구구단의 마지막 끝나는 단이된다. 첫 단이 2일 때 2 * 1 = 2 부터 시작되게 되고 마지막 곱할 수에 입력된 값까지의 곱을 출력한다. 전체 출력 화면의 경우 2단/2단,3단/2단,3단,4단.. 등의 형태로 직각삼각형 모양으로 출력한다. 짝수단의 경우 주황색, 홀수단의 경우 파란색으로 출력한다. 1단계 : Multiplication.html 파일 만들기 이번 자바스크립트 MVC 형태로 구구단 출력 프로그램 만들기 프로젝트는 M(Model), V(View), C(Controller) 를 분리해서 진행할 것이므로 모든 파일을 나눠두기로 하였다. 그 중 우선 html 파일을 .. 2021. 10. 22. 구구단 출력 프로젝트 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. 이전 1 다음 728x90
