본문 바로가기

전체 글65

스프링 샘플 프로젝트 만들어보기 Spring Framework Project (2) 1편에서는 프레임워크의 설치와 기본적인 legacy project 실행을 해봤습니다. 이번에는 Dynamic web projet로 프로젝트를 직접 새로 만들어서 legacy project처럼 만들어보겠습니다. new -> Dynamic web project에서 sample01이라는 이름으로 프로젝트를 하나 생성해줍니다. 그런 다음에 프로젝트를 마우스 우클릭하여 configure를 누르고 convert to maven project를 해줍니다. 그런 다음 위와 같이 pom.xml 파일이 뜨는지를 확인합니다. 잘 뜬다면 성공입니다! 그 다음으로는 구글 검색창에 maven repository를 검색해줍니다. spring mvc를 검색해줍니다. 클릭해서 들어가 혹시 모를 경우를 대비해 최신 버전보다 한 두 단계.. 2021. 7. 6.
스프링 프레임워크 설치부터 시작하기 Spring Framework Legacy Project (1) 구글에서 spring download를 검색하면 Spring tools라는 페이지가 나오는데 거기서 오픈 소스로 나와있는 윈도우 버전을 클릭해서 다운로드를 받습니다. 주의할 점은 압축을 잘 풀기 위해서는 알집 등 기존에 우리가 압축파일을 풀기 위해 사용했던 툴이 없어야 한다는 점입니다. 그래야 다운로드를 받고 나서 잘 실행할 수 있겠습니다. 다운로드 받은 jar파일을 더블 클릭하면 이렇게 바로 밑에 폴더 하나가 남게 됩니다. 그러면 이 폴더를 우리가 사용할 로컬 디스크로 잘라내기하여 옮겨서 사용해주면 됩니다 SpringToolSuite4.exe를 클릭하면 이클립스와 비슷하게 launch할 폴더를 선택해달라고 하는데 이때 미리 만들어놓은 샘플폴더를 선택하여 실행해줍니다. 들어가면 보여지는 모습은 이클립스와.. 2021. 7. 6.
내장객체와 request.getParameter(); 화면에서 입력받은 값을 java로 가져오려면 request를 통해 parameter로 넘어온 값을 취득하게 됩니다. 여기서 내장객체란 우리가 따로 생성하지 않고도 바로 사용이 가능한 객체를 말합니다. servlet에서 HttpServletRequest라고 다소 길게 썼다면 jsp에서는 간단하게 request라고만 쓰면 가능합니다. 이런식으로 request.getParameter를 통해 html 태그 속에 name을 parameter로 받아서 가져올수가 있게 됩니다. 만약 값이 여러개라면 getParameterValues();를 쓰면 되겠죠. 출력은 아래와 같이 하면 되겠습니다. 이름 : 나이 : ?? 두 번째 session.getAttribute("you")를 해야 정상적으로 다음과 같은 화면이 나오게 .. 2021. 6. 14.
JSP(Java Server Page) 이해하기 Server를 활용하여 우리가 원하는 화면을 바로 만들어낼 수 있다면 얼마나 좋을까요? JSP을 활용하면 가능하게 됩니다. 클라이언트 폼을 만들어낼 수 있기 때문입니다. 쉽게 말해서 Servlet이 java 안의 html이라면 JSP는 html 안의 java라고 볼 수 있겠습니다. 이는 마치 찐빵의 앙금이 java이고 겉 빵은 html이라고 볼 수 있는 것이죠. 자바의 영역을 잡을 때에는 이 태그를 사용합니다. 이 부분을 script와 applet을 합쳐서 scriptlet이라고 부릅니다. jsp페이지에서 자바 코드를 실행할 때 이 블럭의 코드를 사용하게 됩니다. 이런식으로 사이에 넣어주면 되는데, 두 개의 차이점은 첫 번째는 system상에 올리는 것으로 콘솔창에 출력되지만 두 번째는 화면으로 바로 직.. 2021. 6. 14.
Javascript 자바스크립트 날짜 표시하기 / Date(); setInterval(); p태그입니다 클릭 Date();를 활용하면 현재 시각을 넣어줄수가 있습니다. 단순하게 시간만 표시해주는것에서 더 나아가 우리가 정한 간격에 맞춰 시간의 변화를 보여줄수도 있겠습니다. 위에서 버튼을 클릭하면 displayDate()함수가 실행되도록 만들어놨죠? 클릭하면 위처럼 현재 시각을 알려줍니다. 그런데 여기에 덧붙여서 setInterval("displayDate()", 1000);을 설정해주면 1초에 한 번씩 시간이 바뀌게 됩니다. 10000이 아니라 10000으로 설정해주면 10초에 한 번씩 시간이 바뀌게 되겠죠? setInterval()함수는 우리가 지정한 일정한 시간간격에 따라 반복적으로 실행됩니다. 첫 번째 인자에는 그렇게 간격을 두고 실행할 함수를 넣어주면 됩니다. 이번 경우에는 displa.. 2021. 6. 8.
Javascript 자바스크립트 버튼 클릭해서 화면 바꾸기 p tag입니다 아이디를 demo로 준 p태그를 통해서 이번에는 텍스트를 입력하고 버튼을 꾹 눌러보는 것까지 해보겠습니다. input요소의 여러가지 타입 중에서 text와 button을 사용해보겠습니다. onclick에서 쓴 함수는 btnClick()으로 스크립트 안에 넣어줬습니다. 이름을 입력하고 입력 버튼을 누르면 우리가 btnClick()함수에서 만들어놓은것처럼 p 태그는 button click!으로 바뀌고, 텍스트 인풋의 밸류는 버튼 클릭으로 바뀌게 됩니다. 이 입력 후 모든게 버튼을 클릭하여서, 미리 만들어놓은 btnClick()함수가 동작하였기 때문입니다. input button 버튼을 만드는 방식은 input type = "button"을 활용하거나, 을 활용하는 방법이 있습니다. 둘 다 버.. 2021. 6. 8.

티스토리툴바