반응형 웹 강좌를 시작하며

전진

· 13년 전 · 조회 32756 32756 · 댓글 33 33

반응형 웹 강좌를 시작하면서

이번에 '반응형 웹' 강좌를 맡게된 전진입니다. '강좌'라는 이름을 붙히기에는 많이 부족하겠지만, 제가 아는 범위 내에서 진행해보겠습니다. 대부분의 자료는 제 블로그의 반응형웹 관련 글과 그누보드 스터디 사이트와 연결된 위키의 내용을 발췌/정리해서 사용할 예정입니다.

강좌 일정

1. 반응형 웹 디자인/모바일 퍼스트의 이해: 반응형 웹 디자인이 무엇이며 어떤 핵심기술들이 존재하며, 접근 전략중의 하나인 모바일 퍼스트를 어떻게 구현하는지 간단히 이해합니다.
2. CSS3 미디어쿼리와 스크린 경계: 화면의 크기에 따라서 별도의 스타일을 지정할 수 있는 CSS3 미디어쿼리의 사용법과 스크린 크기를 대표하는 경계치 들에 대해서 알아봅니다.
3. 반응형 그리드: 유동형 그리드 등 반응형으로 레이아웃을 만드는 그리드 기법과, 템플릿 등으로 제공되는 (반응형) 그리드 시스템의 종류와 활용법을 알아봅니다.
4. 반응형 레이아웃: 데스크탑-테블릿-스마트폰 등 대표적인 기기에서 레이아웃을 바꿔나가는 패턴과 관련 기법 등을 알아봅니다.
5. 반응형 네비게이션/메뉴: 모바일 화면에서 네비게이션/메뉴를 어떻게 처리하는지 알아봅니다.
6. 반응형 이미지: 반응형 웹에서 이미지와 미디어를 처리하는 방법을 알아봅니다.
7. 서버측 접근방법 (RESS): 일종의 하이브리드 접근방법으로, user-agent 등을 기반으로 사용하는 기기/스크린의 정보를 파악하여 그에 해당하는 콘텐츠를 보내주는 방법 (RESS)를 알아봅니다.
8. 반응형 그누보드 (DTD) (1) - 게시판 스킨: 그누보드에서 가장 많이 사용되는 board 스킨을 반응형으로 만들어 봅니다.
9. 반응형 그누보드 (DTD) (2) - 레이아웃: head.php, tail.php 등 그누보드의 레이아웃을 담당하는 코드를 반응형으로 만들어 봅니다.
10. 반응형 그누보드 (DTD) (3) - 기타 스킨들: 아웃로그인, 최신글 등 기타 스킨들의 반응형 화
11. 반응형 웹 기술이 적용된 기존 프레임워크: 부트스트랩과 foundation 의 내부를 들여다 봅니다.
12. 콘텐츠 퍼스트와 future-friendly: 새로운 경향인 콘텐츠 퍼스트 (content first)와 새로운 웹 디자인의 방향을 모색하고 노력하는 future-friendly 에 대해서 알아봅니다.
잠깐글1. 반응형 웹은 ???이다.: 반응형 웹에 대한 단상과 많이 하는 질문에 대한 개인적 의견입니다.
잠깐글2. 반응형 테이블: 가로폭이 넓은 테이블을 모바일 화면에서 어떻게 처리하는 지 알아봅니다.

위 일정은 수시로 변경될 수 있습니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 33개

애프터글로리

프로필 보기 이 회원 글보기

10년 전

강좌 감사합니다. 열심히 공부할께요. ^^

멋진남자임

프로필 보기 이 회원 글보기

10년 전

아 감사합니다

에니스

프로필 보기 이 회원 글보기

9년 전

오늘 부터 차근차근 강의 들어보겟습니다. 감사합니다.

/ 4

1 2 3 4

게시글 목록

번호	제목	글쓴이	조회	날짜
1326	AngularJS AngularJS Filters에 uppercase (대문자변환)	수다왕	1,646	8년 전
1325	AngularJS AngularJS Scope 3	수다왕	1,062	8년 전
1324	AngularJS AngularJS Scope 2	수다왕	1,245	8년 전
1323	AngularJS AngularJS Scope 1	수다왕	1,361	8년 전
1322	AngularJS AngularJS Controllers - Controllers In External Files	수다왕	1,148	8년 전
1321	AngularJS AngularJS Controllers - Controller Methods	수다왕	1,194	8년 전
1320	AngularJS AngularJS Controllers	수다왕	1,161	8년 전
1319	AngularJS AngularJS Data Binding 2번째	수다왕	1,322	8년 전
1318	AngularJS AngularJS Data Binding - Data Model(데이터 모델)	수다왕	1,181	8년 전
1317	AngularJS AngularJS ng-model Directive	수다왕	1,431	8년 전
1316	AngularJS AngularJS Directives(지시문) - Repeating HTML Elements(반복되는 HTML 요소)	수다왕	1,143	8년 전
1315	AngularJS AngularJS Directives(지시문) - 데이터 바인딩	수다왕	1,052	8년 전
1314	AngularJS AngularJS Directives(지시문)	수다왕	1,139	8년 전
1313	AngularJS AngularJS 모듈 만들기	수다왕	1,667	8년 전
1312	AngularJS 앵큘러js 간단한 예제	수다왕	1,375	8년 전
1311	AngularJS AngularJS Input Controls - Checkbox, Radiobuttons, Selectbox	수다왕	1,468	8년 전
1310	AngularJS AngularJS Input Controls - Data-Binding	수다왕	1,093	8년 전
1309	AngularJS AngularJS $event Object	수다왕	1,362	8년 전
1308	AngularJS AngularJS Toggle, True/False	수다왕	1,455	8년 전
1307	AngularJS AngularJS ng-click 지시문	수다왕	1,432	8년 전
1306	AngularJS AngularJS 마우스 이벤트	수다왕	2,053	8년 전
1305	AngularJS AngularJS 이벤트	수다왕	1,476	8년 전
1304	jQuery Mobile scrollstart 이벤트	컴프	2,245	8년 전
1303	jQuery Mobile pageshow 이벤트	컴프	2,001	8년 전
1302	jQuery Mobile pageremove 이벤트	컴프	1,876	8년 전
1301	jQuery Mobile pageloadfailed 이벤트	컴프	1,802	8년 전
1300	jQuery Mobile pageload 이벤트	컴프	1,845	8년 전
1299	jQuery Mobile pageinit 이벤트	컴프	2,050	8년 전
1298	jQuery Mobile pagehide 이벤트	컴프	1,584	8년 전
1297	jQuery Mobile pagecreate	컴프	1,664	8년 전

이전 다음

4 5 6 7 8

전체 목록

강좌