애프터스킬 반응형 웹 실전 프로젝트 가이드

애프터스킬 반응형 웹 실전 프로젝트 가이드

$32.06
Description
말라파르테 문학상, 만해문학상 수상작
우리 시대의 소설 『소년이 온다』
2014년 만해문학상, 2017년 이탈리아 말라파르테 문학상을 수상하고 전세계 20여개국에 번역 출간되며 세계를 사로잡은 우리 시대의 소설 『소년이 온다』.
이 작품은 『채식주의자』로 인터내셔널 부커상을 수상한 한강 작가에게 “눈을 뗄 수 없는, 보편적이며 깊은 울림”(뉴욕타임즈), “역사와 인간의 본질을 다룬 충격적이고 도발적인 소설”(가디언), “한강을 뛰어넘은 한강의 소설”(문학평론가 신형철)이라는 찬사를 선사한 작품으로, 그간 많은 독자들에게 광주의 상처를 깨우치고 함께 아파하는 문학적인 헌사로 높은 관심과 찬사를 받아왔다.
『소년이 온다』는 ‘상처의 구조에 대한 투시와 천착의 서사’를 통해 한강만이 풀어낼 수 있는 방식으로 1980년 5월을 새롭게 조명하며, 무고한 영혼들의 말을 대신 전하는 듯한 진심 어린 문장들로 5·18 이후를 살고 있는 우리에게 묵직한 질문을 던진다.
2024년 올해 출간 10주년을 맞이하여 양장 특별판으로 새롭게 옷을 입은 이 작품은 가장 한국적인 서사로 세계를 사로잡은 한강 문학의 지향점을 보여준다. 인간의 잔혹함과 위대함을 동시에 증언하는 이 충일한 서사는 이렇듯 시공간의 한계를 넘어 인간 역사의 보편성을 보여주며 훼손되지 말아야 할 인간성을 절박하게 복원한다.
저자는 이 작품에서 진심 어린 문장들로 무고한 영혼의 말을 대신 전하며 그 시절을 잊고 무심하게 살아가는 우리에게 묵직한 메시지를 던진다. 국가의 무자비함을 생생하게 그려내 지금까지도 우리나라뿐 아니라 전 세계에서 계속되고 있는 인간의 잔혹함과 악행에 대한 근원적인 질문을 던지고, 잊을 수 없는 봄날의 오월을 지나 여름을 건너가지 못한 이들과 살아남은 것이 오히려 치욕으로 여기며 매일을 힘겹게 견뎌내는 이들에게 우리가 어떤 대답을 해줄 수 있는 가를 간절한 목소리로 묻는다. 그리하여 우리가 붙들어야 할 역사적 기억이 무엇인지 생각하게 한다.
수상내역
- 2017 제20회 말라파르테 문학상 수상
저자

조혜경

EIT웹개발총괄,삼성인재개발원차장을역임하였으며,주요저서로는실전프로젝트반응형웹퍼블리싱,자바스크립트+jQuery마스터등이있다.

목차

머리말
실습에필요한기본프로그램안내
반응형프로젝트미리보기

CHAPTER1HTML5
1.1HTML5기본문서
01HTML5기본구성
02W3Cvalidator
03마크업기본문법규칙
1.2시멘틱마크업과논리적인순서마크업
01시멘틱마크업(Semanticmarkup)
02논리적순서마크업(Logicalsequencemarkup)
1.3블록레벨요소와인라인요소
01블록레벨요소(Block-levelElements)
02인라인요소(inlineElement)
03블록레벨요소와인라인요소의특성
1.4기본요소
01제목<h1>~<h6>
02문단<p>
03주소<address>
04링크<a>
05이미지<img>
1.5텍스트관련요소
01<em>,<strong>,<mark>,<b>,<small>,<sub>,<sup>
1.6목록관련요소
01순서목록<ol>
02비순서목록<ul>
03설명목록<dl>
1.7표관련요소및속성
01표생성<table>,<tr>,<td>,<th>,<thead>,<tbody>,<tfoot>,<colgroup>
02셀합치기colspan속성,rowspan속성
03표접근성<caption>,scope속성
1.8폼관련요소및주요속성
01폼<form>,<fieldset>
02한줄입력요소<input>,type속성
03여러줄입력요소,선택요소<textarea>,<select>
04폼접근성label속성
05주요입력속성
1.9그룹요소
01<div>
02<span>
1.10구조관련요소
01<header>,<section>,<footer>,<nav>,<article>,<aside>
1.11미디어요소
01<audio>
02<video>

CHAPTER2CSS(CSS5)
2.1CSS기본문법
01내부스타일시트
02외부스타일시트
03@import
04인라인스타일(inlinestyle)
2.2선택자(selector)
01type선택자
02id선택자
03class선택자
04전체선택자
05하위선택자
06자식선택자
07인접선택자
08형제선택자
09그룹선택자
10속성선택자
11가상클래스선택자
12가상요소선택자
13종속선택자
14선택자의우선순위
2.3문자관련스타일
01font-family
02font-size,단위의고찰
03font-weight
04font-style
05font-variant
06line-height
07font
08웹폰트
09color,색상코드고찰
10letter-spacing,word-spacing
11text-decoration
12text-transform
13text-shadow
2.4문단(paragraph)관련스타일
01text-align
02vertical-align
03text-indent
04word-wrap
05word-break
06white-space
07text-overflow
08display
09visibility
10overflow
11opacity
2.5배경(background)
01background-color
02background-image
03background-repeat
04background-position
05background-attachment
06background-size
07background-origin
08background-clip
09ImageSprite
10배경에gradient적용하기
11multiplebackground
2.6BOXMODEL
01width,height
02padding
03margin
04border
05outline
06box-sizing
07box-shadow
08resize
09appearance
2.7기타CSS3속성
01이차원변형(2Dtransform)
02속성전환(transitions)
03애니메이션(animation)
04다단편집(multi-column)
2.8레이아웃Ⅰ:float
01float
02clear
03그외float해제하는몇가지방법
2.9레이아웃Ⅱ:position
01position
02left,right,top,bottom
03z-index
04float과position으로레이아웃만들기
05position응용예제
2.10미디어쿼리(mediaquery)
01

02@media
03mediaquery를흉내내는script
2.11그밖의layout
01flexlayout
02gridlayout

CHAPTER3자바스크립트
3.1자바스크립트기본형식및적용방법
01자바스크립트의기본형식
02기본규칙
03적용방법
04적용위치
05기본명령어
3.2변수와상수
01변수선언(var,let)
02상수선언(const)
03데이터타입(DataType)
3.3연산자
01산술연산자
02대입연산자
03비교연산자
04논리연산자
05비트연산자
06삼항연산자
3.4제어문
01조건문
02반복문
03중지,건너뛰기
3.5함수
01선언적함수
02익명함수
03return,매개변수
04전역변수와지역변수
05재귀함수
06내장함수
3.6객체
01사용자정의객체
02내장객체
3.7이벤트
01주요이벤트
02이벤트연결
03이벤트객체
3.8BOM(BowserObjectModel)
01window객체
02location객체
03screen객체
04history객체
05navigator객체
3.9DOM(DocumentObjectModel)
01요소선택
02요소와속성의생성및삭제
03스타일
04form객체

CHAPTER4jQuery
4.1jQuery연결방법
01Download방식
02CDN방식
03jQueryMigratePlugin
04jQuery기본형식
4.2jQuery선택자
01기본선택자
02속성선택자
03필터선택자
04탐색선택자
4.3jQuery주요메서드
01배열관련메서드
02요소관련메서드
03클래스관련메서드
04속성관련메서드
05스타일관련메서드
06삽입관련메서드
07스크롤관련메서드
08삭제관련메서드
09복사및감싸기관련메서드
4.4jQuery이벤트
01이벤트종류
02이벤트연결
03이벤트객체
4.5jQuery효과
01기본효과
02Custom효과
4.6.jQuery플러그인사용방법
01SWIPER
02DATEPICKER
4.7jQuery충돌방지와JSON파일불러오기
01$.noConflict()메서드
02$.ajax()메서드

CHAPTER5반응형프로젝트실무
5.1메인페이지의시안점검
01메인페이지PC시안
02메인페이지태블릿시안
03메인페이지모바일시안
04메인페이지에필요한기타시안
05코딩용으로잘라낸이미지들
5.2메인페이지의마크업
01index.html의시작부분
02건너뛰기링크&내부링크
03header부분
04본문내용부분
05footer부분
06퀵메뉴부분
07레이어팝업부분
5.3메인페이지의CSS(common.css)
01기본스타일
02버튼스타일설정
03header부분
04footer부분
05메인롤링부분
06인기여행지부분
07상담및최근게시물부분
08퀵메뉴부분
09팝업부분
5.4메인페이지의스크립트(common.js)
01gnb의작동
02모바일메뉴띄우기
03top버튼스크롤
04PC브라우저에서gnb사라짐방지
5.5서브페이지의시안점검
01회원가입페이지시안
02프로그램소개페이지시안
03공지사항목록페이지시안
04로그인페이지시안
05코딩용으로잘라낸이미지들
5.6서브페이지의마크업과CSS
01서브페이지공통부분
02회원가입페이지
03프로그램소개페이지
04공지사항목록페이지
05로그인페이지
5.7서브페이지의스크립트
01프로그램소개의더보기/접기작동

찾아보기

출판사 서평

HTML5,CSS3,JavaScript,jQuery를한권으로!
실전프로젝트를통하여반응형웹사이트를직접구현해본다!




이책은‘웹표준이라는약속’에대한이야기를바탕으로,누구나쉽게단계적으로따라갈수있도록HTML5,CSS3,Javascript와jQuery까지표준형웹제작을위한모든도구들을기본부터활용까지리드하도록만들어졌습니다.



누구나쉽게웹표준에맞는페이지를제작할수있도록도구들의기본부터활용까지다루되,PC와스마트폰,태블릿등사용자의기기에따라유연하게구현되는차세대웹기술‘반응형웹’을소재로하여가장최근에이슈화되는소재를통하여직접웹페이지를제작하는모든독자분들께실제적인도움을줍니다.



HTML5와CSS3에대한지식이있다면간단한반응형웹페이지를제작하는일은그리어려운일은아니지만실제다양한디바이스와디스플레이환경을고려한반응형웹을구현하는것은결코쉬운일만은아닐것입니다.이것은아마도반응형웹에대한이론적인지식만으로는해결하기힘든부분이기있어서가아닐까생각합니다.반응형웹제작에필요한이론적인정보들은쉽게찾아볼수있지만이론을활용한실제반응형웹퍼블리싱에대한정보는찾아보기힘든것이현실입니다.



이책은꼭반응형웹이아니더라도웹퍼블리싱에관심이있는입문자나데스크탑PC,모바일웹페이지에대한제작경험은있으나반응형웹제작에어려움을겪고있는분들에게도움이될것이라생각합니다.웹퍼블리싱분야에입문하는분들에게는웹퍼블리싱의필수기술인HTML5,CSS3,Javascript,jQuery에서꼭알고있어야하는내용들을각섹션별로정리해놓았으며특히,마지막섹션인반응형웹프로젝트에서는반응형웹예제를통하여단순히예제를따라해보는것에그치는것이아니라HTML5,CSS3,Javascript,jQuery기술을활용하여반응형메인페이지와회원가입,게시판등다양한서브페이지들을어떤방법으로퍼블리싱해야되는지에대해충분히경험해볼수있도록구성하였습니다.