사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 27일 4. redirect & forward - BE 리다이렉트(redirect) 클라이언트의 요청이 들어왔을 때, 서버가 클라이언트에게 특정 URL로 이동하도록 요청하는 http 프로토콜의 규칙 리다이렉트의 메커니즘 클라이언트가 서버에게 요청을 전송 서버는 클라이언트에게 302 상태코드와 이동할 URL 정보를 Location 헤더에 담아 응답 클라이언트는 서버에게 받은 상태코드를 확인하고, 302이면 Location 헤더의 URL 정보로 다시 요청 이 때 브라우저의 주소창은 새로운 URL로 바뀜 sendRedirect( ): Servlet, JSP에서 리다이렉트할 때 사용하는 메서드로, Ht..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 26일 3. JSP - BE JSP의 문법 JSP는 3가지의 스크립트 요소를 제공 선언문(Declaration): 전역변수 및 메서드 선언에 사용 형태: 문서 내 위치와 관계 없이, jspService( ) 메서드 내부가 아닌 외부에 변환됨 스크립트릿(Scriptlet): 프로그래밍 코드를 기술하는 데 사용 형태: HTML 코드 안에서 프로그램을 실행시키는, 가장 일반적인 스크립트 요소 스크립트릿에서 선언된 변수는 지역변수가 됨 하나의 코드를 여러 스크립트릿으로 나눠 작성할 수 있음 표현식(Expression): 화면에 출력할 내용을 기술하는 데 사용 형태: 스크립트릿 등 Java 프로그래밍의 ..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 25일 3. JSP - BE JSP(Java Server Page)란? JSP의 등장배경 1998년, Microsoft에서 쉬운 웹개발을 위해 ASP(Active Server Page) 스크립트(Script) 엔진 발표 그에 반해 1997년 발표된 Servlet은 out.print( )를 일일이 입력해야 하는 등 개발 규모가 커지면 불편했음 이에 Sun Microsystems에서 Servlet 방식을 개선한 JSP를 199년 발표 JSP의 동작 방식 WAS는 JSP의 문법으로 작성된 지시문을 전달받아 JSP를 실행 모든 JSP는 Servlet으로 바뀌어 Servlet과 동일한 Life cycle..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 24일 2. Web UI 개발 - FE AJAX 통신의 이해 AJAX(Asynchronous JavaScript and XML), 또는 XMLHTTPRequest 통신의 정의 웹에 데이터를 갱신할 때, 브라우저를 새로고침하지 않고도 서버의 데이터를 받을 수 있게 하는 기술 화면 내 다른 부분에 영향을 주지 않으면서 데이터를 비동기적으로 서버에서 가져올 수 있어, 더 좋은 UX 경험을 제공함 예시) 네이버 메인페이지의 섹션에서, 다른 섹션을 클릭하더라도 나머지는 그대로 있고 섹션 안의 내용만 바뀜 선택되지 않은 섹션의 컨텐츠까지 초기 로딩 시점에 불러온다면 초기 로딩 속도가 영향을 받으므로, 해당..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 23일 2. Web UI 개발 - FE Window 객체와 setTimeout window 객체: 브라우저 개발 시 자주 활용되는 객체로, 많은 메서드를 포함하고 있음 형태: window.메서드( ), 메서드( ) window 객체는 전역 객체이므로 생략하더라도 메서드가 동작 예시) alert, setTimeout, setInterval 등 setTimeout(callback, delay) 비동기(asynchronous)로 실행되는 함수로, 다소 낯설게 동작함 인자로 즉시 실행되지 않고 나중에 실행되는 callback 함수를 받음 작동되는 순서 setTimeout 실행 브라우저(Web API)가..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 21일 1. JavaScript - FE JavaScript의 함수 참고자료: Functions - JavaScript | MDN "JavaScript를 잘 이해한다" === "JavaScript 함수를 잘 이해한다" 함수: 매개변수에 해당하는 인자(argument)를 받아 실행됨 매개변수와 인자의 갯수가 반드시 동일하지 않아도 됨 매개변수 > 인자: 인자가 없는 매개변수의 값은 undefine가 됨 매개변수 < 인자: 여분의 인자는 무시됨 함수를 선언하는 두 가지 방법 함수 선언문: 일반적인 선언 방법 형태: function 함수명(매개변수) { 함수 호출 시 실행 코드 } 함수표현식: 변수에..