front-end

Vue.js

Vue.js STEP 2 - 기본 프로젝트 생성 및 실행

★ 프로젝트 생성 터미널에서 다음 명령어 실행 vue create oing-vue-project 3 버전 선택 설치 완료 ★ Vue 프로젝트 실행 cd oing-vue-project npm run server 프로젝트 실행 -> npm run serve --port 8081 기본적인 Project 구성

Spring

Spring STEP 4 - Spring MVC

★ Spring MVC 스프링 기반 MVC 웹 프로젝트 구현 패키지 - "com.test.controller" 웹 요청 담당하는 서블릿 > Controller 역할 스프링 컨트롤러 > OOOController com.test.controller > "Ex01Controller.java" views > "ex01.jsp" Ex01Controller.java : 서블릿 역할 //JSP Model2 > (발전) > Spring MVC //서블릿 역할 public class Ex01Controller implements Controller { //요청 메소드 @Override public ModelAndView handleRequest(HttpServletRequest request, HttpServletRes..

Server

JSP STEP 7 - COOKIE

★ JSP 실행 과정 1. 경로 확인 System.out.println(request.getRealPath(".")); 경로 결과 C:\class\code\server\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\JSPTest 실행 구조 ★ 쿠키, Cookie 개인 정보를 저장하는 저장소 브라우저가 관리하는 저장소 방문자가 사이트를 접속 > 사이트에 접속한 브라우저(개개인)의 정보를 관리하기 위해서 쿠키에 정보를 입출력 JSP(Servlet), JavaScript 등 > 쿠키에 접근해서 조작 가능 "지속적으로 개개인의 정보 관리" ★쿠키의 종류 1. 메모리 쿠키 - 브라우저 실행중에만 유지 - 브라우저가 종료되면 쿠키도 삭제 - 메모리에..

Server

JSP STEP 4 - Response

★ Response 서버 > (행동) > 클라이언트 a. 돌려줄 임시페이지 제작 > response.getWriter() > printWriter() b. 돌려줄 임시 페이지 인코딩 > response.setCharacterEncoding("UTF-8") c. 돌려줄 내용의 MIME 지정 > 파일 업로드 수업... d. 페이지 이동하기 ■ 사용 ex) 이렇게 if문 없이 주게 되면, 실행 하자마자 이동함. response.sendRedirect("ex11_response_two.jsp"); ★ PageContext 페이지 실행(요청~응답)중에 관련된 데이터를 저장하는 객체 a. 페이지 이동하기 - pageContext.forward() ■ 서버측 자원의 생명 주기 서블릿 or JSP > 여러가지 자원 >..

IT의 큰손
'front-end' 태그의 글 목록