Just Do it

* 이 카테고리의 글은 에서 각 파트별로 진행하는 프로젝트의 흐름을 보기 위해 각 장의 내용을 간단히 요약한 것이다. * 출처: 코드로 배우는 스프링 웹 프로젝트 개정판, 구멍가게 코딩단, 남가람북스 Ch 16. REST 방식으로 전환 - 모바일 시대가 되면서 WEB 분야의 가장 큰 변화는 서버 역할의 변화라고 할 수 있다. - 과거의 서버는 브라우저라는 하나의 대상만을 상대로 데이터를 제공했기 때문에 아예 브라우저가 소화 가능한 모든 데이터를 HTML이라는 형태로 전달하고, 브라우저는 이를 화면에 보여주는 역할을 했다. - 스마트폰의 앱에서 서버에 기대하는 것은 완성된 HTML이 아니라 그저 자신에게 필요한 순수한 데이터이다. - 이러한 변화 속에서 웹의 URI(Uniform Resource Ident..

* 이 카테고리의 글은 에서 각 파트별로 진행하는 프로젝트의 흐름을 보기 위해 각 장의 내용을 간단히 요약한 것이다. * 출처: 코드로 배우는 스프링 웹 프로젝트 개정판, 구멍가게 코딩단, 남가람북스 Ch 15 검색 처리 - 예제는 가장 흔한 태그를 이용해서 검색 기능과 화면을 처리하겠다. 15.1 검색 기능과 SQL - 게시물의 검색 기능은 다음과 같이 분류가 가능하다. 1) 제목/내용/작성자와 같이 단일 항목 검색 2) 제목 or 내용, 제목 or 작성자, 내용 or 작성자, 제목 or 내용 or 작성자와 같은 다중 항목 검색 - 검색 항목은 제목/내용/작성자와 같은 단일 항목 검색과 제목 or 내용과 같이 복합적인 항목으로 검색하는 방식이 존재한다. - 게시물의 검색이 붙으면 가장 신경 쓰이는 부분..

*출처: Do it! 한권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석, 고경희, 이지스퍼블리싱 CH10. CSS 고급 선택자 10-1. 연결 선택자 1) 하위 요소에 스타일을 적용하는 하위 선택자와 자식 선택자 1-1) 하위 선택자 - 하위 선택자를 사용하면 부모 요소에 포함된 하위 요소를 모두 선택한다. (자식, 손자 요소 등 모든 하위 요소 포함) // 기본형 상위요소 하위요소 - section 요소 안에 포함된 p 요소를 모두 선택하려면 section과 p 사이에 공백 한 칸을 두고 나란히 써준다. section p {....} ... section p { color = blue; } 예약 방법 & 사용 요금 내용 /* section의 모든 하위 p 요소에 적용 */ 내..

*출처: Do it! 한권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석, 고경희, 이지스퍼블리싱 CH8. 레이아웃을 구성하는 CSS 박스 모델 8-1. CSS와 박스 모델 - CSS 박스 모델이란 웹 문서의 내용을 박스 형태로 정의하는 방법이다. 이 박스 모델이 모여 웹 문서를 이룬다. - 박스 모델에는 마진, 테두리, 패딩, 콘텐츠 등 박스가 여러 겹 들어 있다. - 이 개념은 CSS에서 자주 사용하므로 잘 기억해 두어야 한다. 1) 블록 레벨 요소와 인라인 레벨 요소 - 박스 모델은 블록 레벨 요소인지 인라인 레벨 요소인지에 따라 나열 방법이 달라진다. 1-1) 블록 레벨 요소 - 블록 레벨 요소는 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것을 가리킨다. 한..