부스트코스 웹 프로그래밍
-
[부스트코스/back-end] 2. DB연결 웹앱 : forward, servlet&JSP 연동Front-end/부스트코스 : 웹 프로그래밍 2020. 3. 23. 21:41
요청을 받은 서버가 요청의 일부를 다른 서버에게 넘겨주는 작업 forward와 redirect의 차이점? 리다이렉트는 서버가 클라이언트에게 새로 요청할 곳을 알려주는 작업이면서 URL이 변경되고, 포워드는 요청받은 서버가 전부 처리하는 것이 아니라 다른 서버에게 맡기는 것 (URL이 바뀌지 않음) 요청이 1개인지 요청이 2개인지 아는 것이 중요함! #front protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int dice = (int)(Math.random()*6)+1; request.setAttribu..
-
[부스트코스] 2. DB연결 웹앱 : JSP 내장객체Front-end/부스트코스 : 웹 프로그래밍 2020. 3. 21. 18:18
JSP를 실행하면 서블릿 소스가 생성되고 실행됨 -> 대부분의 코드는 _jspService() 메소드 안에 삽입 이때 삽입된 코드 윗 부분에 미리 선언된 객체들이 있음 -> 이런 객체들을 내장객체라고 함 내장 객체 Java Class 주요 역할 request javax.servlet.http.HttpServletRequest HTML form 요소 선택 값과 같은 사용자 입력 정보를 읽어올 때 사용 response javax.servlet.http.HttpServletResponse 사용자 요청에 대한 응답을 처리할 때 사용 pageContext javax.servlet.jsp.PageContext 현재 JSP실행에 대한 context 정보를 ..
-
[부스트코스] 2. DB연결 웹앱 : JSP란?Front-end/부스트코스 : 웹 프로그래밍 2020. 3. 15. 23:12
HTML 내에 Java 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어 모든 JSP 파일은 실행시 자바 서블릿으로 변환됨 구성요소 : 스크립팅, 지시자, 액션태그 JSP의 등장배경 1998년 MS에서 ASP(Active Server Page)라는 쉽게 웹을 개발할 수 있는 스크립트(script) 엔진을 발표 1997년에 발표된 서블릿은 ASP에 비하여 상대적으로 개발 방식이 불편함 1999년 ASP에 대항하고자 썬마이크로시스템즈에서 JSP를 발표 --- 페이지 지시자 : 이 부분이 서블릿으로 바꿀 때 어떻게 해야 하는지 지시하는 부분 --- scriptlet : 자바 코드를 입력할 수 있는 부분 Service 메소..
-
[부스트코스] 2. DB 연결 웹앱 : WEB UI 개발Front-end/부스트코스 : 웹 프로그래밍 2020. 3. 7. 22:50
강의 : www.edwith.org/boostcourse-web [부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org * Window 객체 전역 객체로 많은 메소드들이 존재함 (.으로 부를 수 있고 생략 가능) alert : 브라우저에서 경고창을 띄울 때 사용함 setTimeout : 인자로 함수(콜백함수 : 나중에 실행되는 함수)를 받음 함수 다음으로 나오는 파라미터(밀리세컨드) 이후 첫 번째 파라미터인 함수를 실행한다는 메소드 비동기이므로 다른 것들 먼저 실행하고 있음 스택이 실행되고 나서 비동기가 실행된다! function run() { setTimeout(function() { var msg = "hello world!"; console.log(msg); ..
-
[부스트코스] 2. DB 연결 웹앱 : JavaScriptFront-end/부스트코스 : 웹 프로그래밍 2020. 3. 7. 16:27
웹 프로그래밍 기초를 끝내고 자바스크립트 강의에 들어왔다. https://www.edwith.org/boostcourse-web/lecture/16693/ [LECTURE] 1) 자바스크립트 변수-연산자-타입 : edwith 들어가기 전에 컴파일 단계가 없는 자바스크립트의 type(형)은 실행단계에서 타입이 결정됩니다. 변수선언은 어떻게 정의하고, 자바스크립트의 타입은 어떤 것들이 있는지 확인해봅니다.... - 부스트코스 www.edwith.org * 자바스크립트 동적인 웹을 생성하고 제어하기 위해 주료 사용되는 객체 기반의 스크립트 프로그래밍 언어 html을 이용해서 정적인 웹 페이지를 구성했다면 자바스크립트를 이용해서 다이내믹한 기능을 구현할 수 있음 코드작성을 효율적으로 하도록 도와주는 툴을 사용하..
-
[부스트코스] 프로젝트 A-1. 나를 소개하는 홈페이지 만들기Front-end/부스트코스 : 웹 프로그래밍 2020. 2. 25. 20:01
https://www.edwith.org/boostcourse-web/project/4/content/3#summary https://www.edwith.org/boostcourse-web/project/4/content/3#summary www.edwith.org 웹 프로그래밍 기초를 마치고 첫 프로젝트 주제는 '나를 소개하는 홈페이지 만들기'이다. 프로젝트 조건은 아래와 같다. - index.html 상단 : 홈, 자기소개, 내사진, 몇시에요 라는 메뉴가 있음 (간격은 같아야 함) 모든 콘텐츠는 가운데 정렬 네모난 UI는 그림자 효과를 줌 링크 영역에 마우스를 올리면 커서모양이 손모양으로 바뀜 지도는 이미지 형태로 추가하기 footer에 개인정보 추가하기 - aboutme.html 같은 수준의 태그는..
-
[부스트코스] 1. 웹 프로그래밍 기초 정리Front-end/부스트코스 : 웹 프로그래밍 2020. 2. 24. 18:25
드디어 웹 프로그래밍 기초 완강 (박수) 지금까지 배운 것을 정리해보겠습니다! 웹 프로그래밍 기초 - 웹 프론트엔드 frontend - backend 역할과 관계 HTML로 웹페이지 구조 설계 CSS 레이아웃에 필요한 속성과 활용 웹 프로그래밍 기초 - 웹 백엔드 웹 개발에 대한 이해 - HTTP 통신 개발 환경 설정 (JDK, 톰캣, 이클립스 설치) 서블릿 작성 https://www.edwith.org/boostcourse-web/lecture/17377/ [LECTURE] 내용 정리 : edwith - 부스트코스 www.edwith.org
-
[부스트코스] 1. 웹 프로그래밍 기초 : HelloWorld 서블릿 컴파일 및 실행Front-end/부스트코스 : 웹 프로그래밍 2020. 2. 19. 19:45
강의 링크 : https://www.edwith.org/boostcourse-web/lecture/16685/ [LECTURE] 6) HelloWorld 서블릿 컴파일 및 실행하기 : edwith 들어가기 전에 모든 프로그램의 시작은 "Hello World" 를 한 번 출력해 보는거 아시죠? 이번 학습에서는 편안한 마음으로 따라 하면서 Hello World를 한 번 출력해봄... - 부스트코스 www.edwith.org 이제 이론수업은 마무리되고 본격적인 코딩수업을 시작해본다! 오늘 안에 기초를 다 끝내버려야지 '_______' v 근ㄷㅔ 왜 자바인지 .. 이클립스에 들어가서 Dynamic Web Project를 생성해주자! 이렇게 톰캣까지 연결해주면 된다~! 서블릿? URL 요청을 처리하는 프로그램 h..