BoostCource 61

#03. BE - Spring MVC의 구성요소

http://www.edwith.org/boostcourse-web * DispatcherServlet 프론트 컨트롤러 (Front Controller)클라이언트의 모든 요청을 받은 후 이를 처리할 핸들러에게 넘기고 핸들러가 처리한 결과를 받아 사용자에게 응답 결과를 보여준다.DispathcerServlet은 여러 컴포넌트를 이용해 작업을 처리한다. * 요청 선처리 작업시 사용된 컴포넌트 org.springframework.web.servlet.LocaleResolver지역 정보를 결정해주는 전략 오브젝트이다.디폴트인 AcceptHeaderLocalResolver는 HTTP 헤더의 정보를 보고 지역정보를 설정해준다. org.springframework.web.servlet.FlashMapManagerFl..

[Web] DOM API 연습하기

* DOM API 연습하기 - 실습1지금 나온 DOM API를 사용해서, strawberry 아래에 새로운 과일을 하나 더 추가하시오. 추가 된 이후에는 다시 삭제하시오.링크 바로가기힌트) ul에 자식 element를 추가하기 - 추가var ul = document.querySelector("ul"); var li = document.createElement("li");var str = document.createTextNode("mango");li.appendChild(str); ul.appendChild(li); - 삭제ul.removeChild(li); - 실습2: insertBeforeorange와 banana 사이에 새로운 과일을 추가하시오. 링크 바로가기 var li = document.cre..

BoostCource/Etc 2019.02.02

[Web] CSS, JS 변경 내용이 적용되지 않을 때

css 파일을 만들고 로 css 파일을 적용시켰으나, 이후 main.css 변경 내용이 적용 되지 않았다. 이와 같은 CSS, JS 문제는 브라우저의 캐시와 관련되어 발생하는 문제이다.여러가지 해결 방법을 찾아보았는데, 1. 윈도우: ctrl + f5맥: shift + command + r서버에서 파일을 다시 새로 불러와서 모두 적용된다. 2.크롬에서 개발자 콘솔을 연 다음 새로고침 버튼 길게 눌러 강제 새로고침을 실행한다. 3.서버를 재시작하고 시크릿창으로 진행한다. 4.href="...../style.css?ver=1"처럼 뒤에 ver=1을 추가한다. 네 번째 방법은 파일을 수정할 때 마다 버전을 올려야 변경 사항이 적용 되어 자주 파일을 수정하는 단계에서는 매우 번거롭고 불편했다. 따라서 첫 번째 ..

BoostCource/Etc 2018.11.24

#05. BE - Spring MVC에서 Session 사용하기

참고: [boostcourse full-stack] http://www.edwith.org/boostcourse-web * @SessionAttributes / @ModelAttribute@SessionAttributes 파라미터로 지정된 이름과 같은 이름이 @ModelAttribute에 지정되어 있을 경우 메소드가 반환되는 값은 세션에 저장된다. - 세션에 값을 초기화하기@SessionAttributes("user") public class LoginController { @ModelAttribute("user") public User setUpUserForm() { return new User(); } } @SessionAttributes의 파라미터와 같은 이름이 @ModelAttribute에 있을 ..

#05. BE - Session을 이용한 상태정보 유지하기

참고: [boostcourse full-stack] http://www.edwith.org/boostcourse-web /guess로 요청을 하면 컴퓨터가 1부터 100 사이의 임의의 값 중의 하나를 맞추는 메시지 출력 (해당 값은 세션에 저장)사용자는 1부터 100 사이의 값을 입력 입력한 값이 세션 값보다 작으면, 입력한 값이 작다고 출력입력한 값이 세션 값보다 크면, 입력한 값이 크다고 출력입력한 값이 세션 값과 같다면 몇 번째에 맞췄다고 출력 GuessNumberController1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253package kr.or.connect.gues..

#05. BE - Session

참고: [boostcourse full-stack] http://www.edwith.org/boostcourse-web * 세션클라이언트 별로 서버에 저장되는 정보 웹 클라이언트가 서버측에 요청을 보내게 되면 서버는 클라이언트를 식별하는 session id를 생성한다.서버는 session id를 이용해서 key와 value를 이용한 저장소인 HttpSession을 생성한다.서버는 session id를 저장하고 있는 쿠키를 생성하여 클라이언트에 전송한다.클라이언트는 서버측에 요청을 보낼때 session id를 가지고 있는 쿠키를 전송한다.서버는 쿠키에 있는 session id를 이용해서 그 전 요청에서 생성한 HttpSession을 찾고 사용한다. - 세션 생성 및 얻기HttpSession session ..

#05. BE - 쿠키

참고: [boostcourse full-stack] http://www.edwith.org/boostcourse-web * 쿠키클라이언트 단에 저장되는 작은 정보의 단위클라이언트에서 생성하고 저장될 수 있고, 서버 단에서 전송한 쿠키가 클라이언트에 저장될 수 있다. 서버에서 클라이언트의 브라우저로 전송되어 사용자의 컴퓨터에 저장한다.저장된 쿠키는 다시 해당하는 웹 페이지에 접속할 때, 브라우저에서 서버로 쿠키를 전송한다.쿠키는 이름(name)과 값(value) 쌍으로 정보를 저장한다. - 이름-값 쌍 외에도 도메인(Domain), 경로(Path), 유효기간(Max-Age, Expires), 보안(Secure), HttpOnly 속성을 저장할 수 있다. - 쿠키는 그 수와 크기에 제한이 존재브라우저별로 제..