사이트: 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 함수명(매개변수) { 함수 호출 시 실행 코드 } 함수표현식: 변수에..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 19일, 20일 0. 소개 기본 개념 서비스의 구조가 단순하더라도 백엔드 관련 배경지식은 상당히 많이 필요 데이터: 웹사이트에 표시되는 내용 데이터베이스: 데이터를 관리하는 데 필요한 프로그램 JDBC: Java에서 데이터를 쓰고, 읽고, 수정, 삭제하는 데 쓰이는 프로그램 부스트코스에선 MySQL 데이터베이스, Spring JDBC를 이용 FE(Front End)의 Key Point JavaScript: 웹 화면의 다양한 요소를 움직이는 데 쓰이는 프로그래밍 언어 DOM, 이벤트, 서버와 통신하는 Ajax BE(Back End)의 Key Point JSP Servlet과 쓰는 방법이 다르지만,..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 3월 7일 5. Servlet - BE Servlet의 생명주기(Life Cycle) 생명주기: Servlet이 언제 생성되고, 어떤 메서드가 언제 어떻게 호출되는지의 메커니즘 Servlet의 동작 순서 클라이언트의 URL 요청 (링크 클릭, 직접 URL 입력 등) WAS가 URL과 매핑된 Servlet을 찾아 실행시킴 해당 Servlet 클래스가 메모리에 이미 존재하는지를 먼저 확인 만약 존재하지 않을 경우, 생성자 메서드를 호출해 새로 Servlet 클래스를 생성하고 메모리에 올림 init( ) 메서드 호출 service( ) 메서드 호출 페이지를 새로고침하는 경우(요청된 Servlet이 메모리..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 3월 6일 5. Servlet - BE Servlet이란? Servlet의 정의 Java 웹 어플리케이션의 구성요소 중 동적 처리를 하는 프로그램 WAS에서 동작하는 Java 클래스 HttpServlet 클래스를 상속받아야 함 동적 처리: 동적으로 응답결과를 만들어 냄 응답할 페이지가 미리 있지 않고, 요청이 들어오면 Servlet이 실행되어 만들어진 코드를 응답 웹페이지 개발 시 JSP와 함께 적절하게 혼용하여 더 좋은 결과를 얻어냄 예시) 웹페이지 구성화면(HTML)은 JSP, 복잡한 프로그래밍은 Servlet으로 구현하는 등 Java 웹 어플리케이션: WAS에 설치(deploy)되어 동작하는 ..