공부/웹 프로그래밍 (9) 썸네일형 리스트형 1. 웹 프로그래밍 기초 - #5. Servlet - BE 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 배경색이 들어간 부분이 이번 게시글에서 다룰 내용이다. 1). Servlet이란? 2). Servelt 작성 방법 3). Servlet 라이프 사이클 4). Request, Response 객체 이해하기 1). Servlet이란? 자바 웹 어플리케이션 자바 웹 어플리케이션은 WAS에 설치되어 동작하는 어플리케이션을 말한다. 자바 웹 어플리케이션은 HTML, CSS, 이미지, JAVA로 작성된 클래스(Servlet, package, 인터페이스 등) 등 각종 설치파일이 포함된다. 쇼핑몰, 까페, 블로그 등 아주 포.. 1 . 웹 프로그래밍 기초 - #3. CSS - FE (2) 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 1). CSS 선언 방법 2). 상속과 우선 순위 결정 3). CSS Selector 4). CSS 기본 Style 변경 5). Element가 배치되는 방법(CSS Layout) 6). float 기반 샘플 화면 레이아웃 구성 7). 디버깅 - HTML, CSS 5). Element가 배치되는 방법(CSS Layout) CSS의 배치를 위해서, block, in-line의 차이, position의 속성을 이해해야 한다. 그리고, 많이 사용하는 float의 개념도 알아둘 필요가 있다. 엘리먼트 배치 방식 엘리먼.. 1 . 웹 프로그래밍 기초 - #3. CSS - FE (1) 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 1). CSS 선언 방법 2). 상속과 우선 순위 결정 3). CSS Selector 4). CSS 기본 Style 변경 5). Element가 배치되는 방법(CSS Layout) 6). float 기반 샘플 화면 레이아웃 구성 7). 디버깅 - HTML, CSS 1). CSS 선언 방법 CSS의 구성 CSS는 선택자(selector), 특성(property), 값(value) 이 3가지 요소로 구성된다. span이라는 요소에 대해서 css를 적용시키려면 다음과 같은 코드를 사용한다. span { color :.. 1 . 웹 프로그래밍 기초 - #2. HTML - FE 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 1. 웹 프로그래밍 기초 - #2. HTML - FE 1). HTML Tags 2). HTML Layout 태그 3). HTML 구조 설계 4). Class와 ID 속성 1). HTML Tags HTML Tags HTML Tag란 웹 페이지를 구성하는 요소들의 의미를 나타내는 것이다. 예를 들면, 위 줄의 1). HTML Tags는 소제목이다. 그리고 그 밑에 소제목의 한 챕터를 나타내는 글을 썼고, 그 아래 본문을 쓰고 있다. 즉, 전 게시글에서도 말했다시피 구성 요소들이 계층적으로 어떻게 구성이 되어 있는지.. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE (4) 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 배경색이 들어간 부분이 이번 게시글에서 다룰 내용이다. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE 1). 웹 프로그래밍을 위한 프로그램 언어들 2). 웹의 동작(HTTP 프로토콜 이해) 3). 웹 FE와 웹 BE 4). Browser의 동작 5). Browser에서의 웹 개발 6). 웹 서버 7). WAS(Web Application Server) 6). 웹서버 웹서버란? 앞서 게시글도 그렇고, '웹서버'라는 단어가 많이 나왔다. 필자도 아직 공부중인 단계라, 그 개념을 정확히는 알지 못한.. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE (3) 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 배경색이 들어간 부분이 이번 게시글에서 다룰 내용이다. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE 1). 웹 프로그래밍을 위한 프로그램 언어들 2). 웹의 동작(HTTP 프로토콜 이해) 3). 웹 FE와 웹 BE 4). Browser의 동작 5). Browser에서의 웹 개발 6). 웹 서버 7). WAS(Web Application Server) 4). Browser의 동작 Intro Browser란, 우리가 흔히 웹서핑을 할 때 사용하는 크롬이나 인터넷 익스플로러, 사파리 등의 소프트웨.. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE (2) 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 배경색이 들어간 부분이 이번 게시글에서 다룰 내용이다. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE 1). 웹 프로그래밍을 위한 프로그램 언어들 2). 웹의 동작(HTTP 프로토콜 이해) 3). 웹 FE와 웹 BE 4). Browser의 동작 5). Browser에서의 웹 개발 6). 웹 서버 7). WAS(Web Application Server) 3). 웹 FE와 웹 BE 필자는 과거에 A모 뷔페식 식당에서 홀 서빙 아르바이트를 한 적이 있다. 처음 출근을 해보니, 직원들이 FE/BE로 .. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE (1) 본 게시물의 내용은 edwith 부스트코스 - 웹 프로그래밍 강의를 수강한 내용을 바탕으로 한다. 들은 내용을 정리하고, 복습에 용이하도록 정리해놓은 게시물이다. 이번 차시의 강의는 다음과 같다. 배경색이 들어간 부분이 이번 게시글에서 다룰 내용이다. 1. 웹 프로그래밍 기초 - #1. 웹 개발의 이해, FE/BE 1). 웹 프로그래밍을 위한 프로그램 언어들 2). 웹의 동작(HTTP 프로토콜 이해) 3). 웹 FE와 웹 BE 4). Browser의 동작 5). Browser에서의 웹 개발 6). 웹 서버 7). WAS(Web Application Server) 1). 웹 프로그래밍을 위한 프로그램 언어들 웹 관련 언어로는, python, php, javascript, java, ruby등이 있다 pyt.. 이전 1 2 다음
