Andamiro25

웹 프로젝트 생성 *Java perspective File -> New ->Proeject -> Web -> Dynamic Web Project *Java EE perspective File -> New -> Dynamic Web Project 웹 애플리케이션은 혼자 실행 될 수 없고 WAS 안에서 실행 되어야 한다. Target Runtime -> New Runtime -> Apache Timcat X.0 -> 아파치 톰캣 설치경로 지정 후 finish 서블릿 생성 fisrtweb 오른쪽 -> new -> servlet Java package : examples Class Name : HelloServlet next 클릭 자동으로 HelloServlet이란 이름으로 URL mappings - Hello..

상속과 우선순위 결정 (1) 상위에서 적용한 스타일은 하위에도 반영됩니다. 이로 인해 여러 단계로 중첩된 엘리먼트마다 매번 같은 색상과 글자 크기를 부여하지 않아도 됩니다. 하지만 모든 CSS 속성이 이런 특징을 갖게 되면, 몇 가지 문제가 생깁니다. 예를 들어 width 속성이 상속되면 하위 엘리먼트가 모든 같은 크기의 넓잇값을 가질 수 있습니다. 이런 것은 원하는 것이 아니죠. 그래서 box-model이라고 불리는 속성들(width, height, margin, padding, border)과 같이 크기와 배치 관련된 속성들은 하위엘리먼트로 상속이 되지 않습니다. 이렇게 CSS는 꽤 똑똑한 방식으로 동작합니다. 아직 혼란스러운 부분이 있다면, 여러분들이 중첩된 엘리먼트를 만들고, CSS 속성을 부여하..

레이아웃을 위한 태그 레이아웃을 구성하는 태그도 역시 그 의미에 맞춰서 사용됩니다. header section nav footer aside html태그는 레이아웃을 할 때도 그 의미에 맞는 것을 찾아 사용해야 검색도 더 잘되고, 가독성 있는 코드를 만들 수 있게 됩니다. 지금 언급된 태그들은 예를 들어 아래와 같은 화면으로 구성됩니다. 참고 사이트 : http://www.edwith.org/ ※ 본 게시물은 개인적인 용도로 작성된 게시물입니다. 이후 포트폴리오로 사용될 정리 자료이니 불펌과 무단도용은 하지 말아주시고 개인 공부 목적으로만 이용해주시기 바랍니다. ※

1. 프로젝트 생성 name : boot06 Dependencies : DevTools, H2, JPA, Thymeleaf, Web 2. dependency 추가 링크(클릭)에서 maven탭 코드 1 2 3 4 5 6 nz.net.ultraq.thymeleaf thymeleaf-layout-dialect 2.3.0 Colored by Color Scripter cs 위 코드를 pom.xml → pom.xml → 태그 사이에 붙여넣기 3. layout 폴더 만들기(p.257) boot06 → src/main/resources → templates → layout 폴더 만들기 링크(클릭)의 책 예제코드 boot05 boot05\src\main\resources의 static 폴더 내용물을 boot 06 → ..

WAS - 일종의 미들웨어로 웹 클라이언트(브라우저)의 요청 중 보통 웹 어플리케이션이 동작하도록 지원하는 목적을 가진다. 대표 기본 기능 3가지 - 프로그램 실행 환경과 데이터베이스 접속 기능을 제공 - 여러개의 트랜젝션을 관리한다. - 업무를 수행하는 비지니스 로직을 관리한다. 웹 서버 기능도 제공한다. 그래서 아파치같은 서버를 설치하지 않고 톰캣만 설치 해도 동작한다. 웹 서버 vs WAS - 웹 서버는 정적인 콘텐츠를 클라이언트에게 제공하는 역할을 한다. - WAS는 동적인 콘텐츠를 제공하는 역할을 한다. - 보통 프로그램이 동작해서 얻은 결과를 보통 동적인 콘텐츠라고 부른다. WAS로 정적인 콘텐츠와 동적인 콘텐츠 둘 다 처리는 가능하다. 그럼에도 웹서버가 WAS 앞단에 있으면 좋은 이유는 웹서..

웹서버란? - 웹 서버는 소프트웨어를 보통 말하지만, 웹 서버 소프트웨어가 동작하는 컴퓨터를 말한다. - 웹 서버의 가장 중요한 기능은 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달하는 것이다. - 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장된 정적인 데이터이거나 동적인 결과가 될 수 있다. 웹 브라우저와 웹서버 - 보통 HTTP를 통해 통신을 한다. - 웹브라우저는 www.naver.com라는 웹서버에 접속 - 웹브라우저는 html문서를 요청 - 웹 서버는 사용자가 요청한 html문서를 웹브라우저에게 전달 - 웹브라우저는 웹 서버로 부터 전송받은 html파일을 읽어들인 다음 해석을 한다. - 웹브라우저는 웹서버에게 동시에 여러 리소스를 요청한다. - 웹서버는 동시에 요청한 여러..

웹 프론트엔드 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)을 제공한다. 또한 사용자의 요청(요구사항)에 반응해서 동작한다. 역할 웹콘텐츠를 잘 보여주기 위해서 구조를 만들어야 함(신문, 책 등과 같이) - HTML 적절한 배치와 일관된 디자인 등을 제공해야 함(보기 좋게) - CSS 사용자 요청을 잘 반영해야 함(소통하듯이) - JavaScript 반응 자체가 빠르고 부드럽게 이루어지게 만들어야함 백 엔드 프로그램의 뒷 부분 쪽, 즉 서버 입장에서의 개발이 진행 프론트 엔드를 다른 말로 클라이언트 사이드라고 말한다면 백 엔드는 서버 사이드라고 말한다. ex) 클라이언트 : 첫 번째 페이지의 게시물 정보를 주세요 백엔드 : ㅇㅋ 알아야 하는 것들 - 프로그래밍 언어(JAVA, Python..

HTTP - HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고 받기 위한 프로토콜(protocol) - HTTP는 서버/클라이언트 모델을 따른다. - 무상태(stateless) 프로토콜이라고도 말한다. - 계속연결을 맺는 것이 아니라, 필요한 경우에만 맺고 보통 빠르게 요청을 보내고 응답을 받은 후에 연결을 끊게 된다. 장점 불특정 다수를 대상으로 하는 서비스에 적합, 계속 연결된 상태가 아니기 때문에 최대 연결수보다 훨씬 많은 요청과 응답을 처리할 수 있다. 단점 연결을 끊어버리기 때문에, 클라이언트의 이전 상황을 알 수가 없다. 이러한 특징 때문에 정보를 유지하기 위해서 Cookie와 같은 기술을 이용한다. URL(Uniform Resource Locator) - 인터넷 상의 자원의 위치 - ..