# 웹 서비스의 동작원리 ### 문제 웹 서비스의 동작원리를 아래 키워드를 사용하여 설명해주세요. + 서버와 클라이언트 + 요청과 응답  ### 힌트 해당 키워드들을 구글링 해볼 것.

# 웹 개발자의 직군 ### 문제 아래 기재된 웹 개발자의 직군에 대해 조사해주세요 + 프론트엔드(front-end) 개발자 + 백엔드(back-end) 개발자 + 데이터베이스관리자(DBA) ### 힌트 해당 키워드들을 구글링 해볼 것.

# 정적 페이지와 동적 페이지 ### 문제 정적 페이지와 동적 페이지를 비교하여 설명해주세요. ### 힌트 + 구글링

# HTML 개요 ### 문제 HTML이란 무엇인지 조사 해주세요. ### 힌트 + 구글링 + http://cloudstudying.kr/lectures/41

# JSP 개요 ### 문제 JSP가 무엇인지 설명해주세요. ### 힌트 + 구글링 + http://cloudstudying.kr/lectures/56

# 자기소개하기 ### 문제 자기소개 페이지를 작성해주세요. ### 예시  ### 힌트 위 예시를 작성하기 위해서는 아래의 태그들이 필요함. 구글링 할 것. + h 태그 + p 태그 + img 태그 + a 태그 + ol 태그 + ul 태그 + li 태그 ### 레퍼런스 + http://cloudstudying.kr/lectures/42

# 테이블 만들기 ### 문제 table 태그를 사용하여 스터디원들의 정보를 표로 만들어 주세요. ### 예시  ### 힌트 예시를 구현하기 위해서는 아래의 태그들이 필요함. 구글링 할 것. + h 태그 + p 태그 + a 태그 + table 태그 + tr 태그 + th 태그 + td 태그 ### 레퍼런스 + http://cloudstudying.kr/lectures/43

### Bootstrap 조사하기 반응형 웹 프레임워크인 Bootstrap에 대하여 조사해주세요. ### 구글링 https://goo.gl/7xkiR8 ### 사이트 https://getbootstrap.com/

### Bootstrap 활용하기 아래와 같은 웹 페이지를 부트스트랩을 활용하여 만들어 주세요 ### 예제  ### 레퍼런스 + https://getbootstrap.com/docs/4.0/examples/jumbotron/

### Bootstrap 레이아웃 Bootstrap의 레이아웃 환경과 Grid System이 어떻게 구성되어있는지 조사하여 정리해 주세요. ### 레퍼런스 + https://getbootstrap.com/docs/4.0/layout/overview/ + https://getbootstrap.com/docs/4.0/layout/grid/

### HTML과 CSS CSS란 무엇이고 HTML과 어떠한 관계가 있는지(기존 HTML에서 CSS가 왜 필요하게 되었는지를 중점으로) 조사해주세요. ### 구글링 + https://goo.gl/GSuuSp ### 레퍼런스 + http://cloudstudying.kr/lectures/69

### CSS 셀렉터 CSS 선택자(selector)란 무엇이고 어떠한 문법구조를 가지는지 조사해주세요. ### 구글링 + https://goo.gl/VrwBLd ### 레퍼런스 + http://cloudstudying.kr/lectures/69 + http://cloudstudying.kr/lectures/71

### JSP 동작원리 JSP의 동작원리를 조사해주세요. (정적인 페이지가 동적인 페이지로 변환하는 과정에 집중하여) ### 구글링 + 직접 구글링 해보세요! ### 레퍼런스 + http://cloudstudying.kr/lectures/58

### JSP 태그란? JSP태그란 무엇이며 어떻게 사용하는지 조사해주세요. ### 힌트 + 구글링: JSP 태그 ### 레퍼런스 + http://cloudstudying.kr/lectures/58 + http://cloudstudying.kr/lectures/59

### JSP 내부객체 JSP 내부객체란 무엇이며 어떠한 종류가 있는지 조사해주세요. 특히 request와 response 객체에 관하여는 어떻게 활용하는지에 대해서도 알아봐주세요. ### 힌트: 구글링 + JSP 내부객체 + JSP request 객체 + JSP response 객체 ### 레퍼런스 + http://cloudstudying.kr/lectures/58#jsp-inner-instance + http://cloudstudying.kr/lectures/60

### request 객체 활용하기 request 객체의 API를 사용하여 아래와 같은 페이지를 만들어주세요  ## 힌트 + 구글링: jsp request 객체 ## API + https://tomcat.apache.org/tomcat-7.0-doc/servletapi/javax/servlet/http/HttpServletRequest.html ## 레퍼런스 + http://cloudstudying.kr/lectures/60

# HTML 폼(form) 태그 ## 문제 HTML 폼 태그에 대해 조사해주세요. ## 힌트 + 구글링: html 폼 태그 ## 레퍼런스 + http://cloudstudying.kr/lectures/72

# HTTP 프로토콜 ## 문제 HTTP 프로토콜중 GET과 POST 방식에 대해 조사해주세요. ## 힌트 + 구글링: http 프로토콜 get post ## 레퍼런스 + http://cloudstudying.kr/lectures/72

# 쿼리 스트링(query string) ## 문제 쿼리스트링에 대해 조사해주세요. ## 힌트 + 구글링: JSP 쿼리 스트링 ## 레퍼런스 + https://en.wikipedia.org/wiki/Query_string#URL_encoding