Front-end/부스트코스 : 웹 프로그래밍
-
[부스트코스] 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. 웹 프로그래밍 기초 : Request, Response 객체 이해하기Front-end/부스트코스 : 웹 프로그래밍 2020. 2. 24. 18:20
강의 링크 : https://www.edwith.org/boostcourse-web/lecture/16689/ [LECTURE] 4) Request, Response 객체 이해하기 : edwith 들어가기 전에 이번 파트를 학습하다 보면 '요청', '응답'이라는 용어가 많이 등장합니다. 이번 학습에서는 클라이언트가 서버에게 보낸 요청을 추상화한 객체 HttpServletRe... - 부스트코스 www.edwith.org WAS는 웹 브라우저로부터 Servlet 요청을 받으면? 요청할 때 가지고 있는 정보를 HttpServletRequest 객체를 생성하여 저장 웹 브라우저에게 응답을 보낼 때 사용하기 위한 HttpServletResponse 객체 생성 생성된 HttpServletRequest와 HttpS..
-
[부스트코스] 1. 웹 프로그래밍 기초 : Servlet 작성, 라이프싸이클Front-end/부스트코스 : 웹 프로그래밍 2020. 2. 19. 20:37
강의 링크 : https://www.edwith.org/boostcourse-web/lecture/16687/ [LECTURE] 2) Servlet 작성 방법 : edwith 들어가기 전에 현재 프로젝트에서 웹을 개발할 때 서블릿을 직접 써서 개발하지는 않습니다. 조금 더 편하게 사용할 수 있게 도와주는 다양한 프레임워크를 사용해서 개발하는 경우가 더 ... - 부스트코스 www.edwith.org Servlet 작성 방법 1. Servlet 3.0 이상 - web.xml 파일 사용 X - 자바 어노테이션 사용 2. Servlet 3.0 미만 - servlet을 등록할 때 web.xml 파일에 등록 첫 번째 방법으로 실습을 해보자! exam31라는 프로젝트를 생성하여 1부터 10까지 출력하는 TenSer..
-
[부스트코스] 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..
-
[부스트코스] 1. 웹 프로그래밍 기초 : JDK 설치하기, 환경설정Front-end/부스트코스 : 웹 프로그래밍 2020. 2. 19. 15:49
참고 : https://www.edwith.org/boostcourse-web/lecture/16680/ [LECTURE] 1) JDK 다운받기 및 설치하기 : edwith 들어가기 전에 JAVA언어를 이용하여 개발하기 위해서는 JDK(Java SE Development Kit)가 컴퓨터에 설치되고 환경설정이 알맞게 설정되어 있어야 합니다. 이번 학습... - 부스트코스 www.edwith.org 용량없어서 삭제한 JDK와 이클립스를 다시 깔아봅시다 ^^ http://www.oracle.com/technetwork/java/index.html Oracle Java Technologies | Oracle In this issue, we examine three leading frameworks for mi..
-
[부스트코스] 1. 웹 프로그래밍 기초 - CSSFront-end/부스트코스 : 웹 프로그래밍 2020. 2. 16. 15:25
html 강의를 마치고 css 강의를 듣고 정리해보려고 한다. css 강의가 6개이기는 하지만 한 번에 듣고 하나의 포스팅으로 작성한다. 참고 강의 :https://www.edwith.org/boostcourse-web/lecture/16673/ [LECTURE] 1) CSS 선언방법 : edwith 들어가기 전에 CSS를 HTML안에 선언하는 방식은 크게 3가지가 있습니다. 이를 잘 이해하고 활용하는 것이 좋습니다. 학습 목표 CSS선언 방식을 이해하고 활용할 수 있다. ... - 부스트코스 www.edwith.org * CSS 선언과 적용 CSS는 3가지로 이루어져 있다. -> selector, property, value 아래 코드와 같이 선언한다. (span 태그의 글씨 색상을 red로 한다는 뜻..
-
[부스트코스] 1. 웹 프로그래밍 기초 : HTML 구조설계, class&idFront-end/부스트코스 : 웹 프로그래밍 2020. 2. 2. 22:54
참고 강의 : https://www.edwith.org/boostcourse-web/lecture/16668/ [LECTURE] 3) HTML 구조설계 : edwith 들어가기 전에 웹페이지를 만드는 것은 문서의 구조를 잡는 것과 같습니다. 제목, 단락 등이 있는 것과 같습니다. 그런 관점으로 웹사이트의 문서구조를 만드는 것이 가장 먼저 할 일 ... - 윤지수 www.edwith.org * HTML 구조설계 (HTML structual design) - body : 바탕이 되는 큰 레이아웃 - 계층적인 구조를 통해 html을 구성함 위 그림을 html 구조설계를 통해 대략적인 배치만 해보는 실습을 했다. Company Name Home Home About Map About Us about What We..
-
[부스트코스] 1. 웹 프로그래밍 기초 : HTML tags, layoutFront-end/부스트코스 : 웹 프로그래밍 2020. 1. 29. 11:13
이제 웹 개발에 대한 이론적인 강의는 WAS로 끝(아마)이다. 본격적인 개발에 앞서 HTML, CSS에 관련된 강의를 리뷰하려고 한다. 참고 강의 : https://www.edwith.org/boostcourse-web/lecture/16669/ [LECTURE] 1) HTML Tags : edwith 들어가기 전에 HTML 태그는 많은 종류를 가지고 있고 각각의 쓰임새에 대한 정확한 의미가 있지요. '각각의 의미를 지닌다'는 것을 'Semantic한 태그' 혹은 'Semanti... - 부스트코스 www.edwith.org https://www.edwith.org/boostcourse-web/lecture/19355/ [LECTURE] 2) HTML Layout 태그 : edwith 들어가기 전에 이번..