https://github.com/yamoo9/cj-olive-networks
CJ 올리브 네트웍스 강의 저장소 "반응형 웹 디자인"편
https://github.com/yamoo9/cj-olive-networks
css-flexbox css-grid responsive-web-design rwd
Last synced: 3 months ago
JSON representation
CJ 올리브 네트웍스 강의 저장소 "반응형 웹 디자인"편
- Host: GitHub
- URL: https://github.com/yamoo9/cj-olive-networks
- Owner: yamoo9
- Created: 2016-04-18T01:02:58.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2018-05-20T07:56:19.000Z (about 8 years ago)
- Last Synced: 2025-03-22T22:37:08.905Z (about 1 year ago)
- Topics: css-flexbox, css-grid, responsive-web-design, rwd
- Homepage:
- Size: 71.9 MB
- Stars: 27
- Watchers: 2
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
###### CJ Olive Networks
## RWD(Responsive Web Design) 2018
반응형 웹 디자인은 모바일, 데스크톱 환경에 구애 받지 않고 다양한 디바이스에서 최적화된 UI를 제공합니다. 모바일 디바이스 사용이 늘어나고 모바일에 최적화 된 비즈니스 웹사이트를 구축하는 것은 고객을 끌어 들이고 참여시키는데 있어 중요한 역할을 합니다.
반응형 웹 디자인을 제작하기 위해 필요한 과정과 알아야 할 것들에 대해 공부해봅니다.
## 설문
간단한 질문이 포함한 설문을 받아 수업에 참고합니다. [설문](https://goo.gl/forms/8u2snrPnQ77puQ582) 에 응해주세요.
## 준비
수업 진행에 필요한 항목들입니다. 제공된 링크를 통해 다운로드 및 설치 또는 가입 해주세요.
항목 | 링크
--- | ---
브라우저 | [Chrome](https://www.google.com/chrome/) (권장) / [Firefox](http://www.mozilla.com/ko/firefox)
익스텐션 | [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=ko) / [GitZip for github](https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn)
에디터 | [Visual Studio Code](https://code.visualstudio.com/) (권장) / [Sublime Text](https://www.sublimetext.com/) / [Atom](https://atom.io/) / [Brackets](http://brackets.io/) (택 1)
소셜 개발 환경 | [codepen.io](https://codepen.io/)
## 자료
페이지 상단 `Clone or download` 메뉴 > `Download ZIP` 버튼을 눌러 다운 받습니다. 이미 GitHub 계정이 있는 분은 Fork 하시면 좋겠죠? :-)
## 문서
반응형 웹 디자인에 대한 내용을 정리한 문서입니다. 수업 중 또는 수업이 끝난 이후에도 참고해서 읽어보세요.
1. [반응형 웹 디자인](https://github.com/yamoo9/cj-olive-networks/wiki)
1. [반응형 웹 디자인에 대한 고찰](https://github.com/yamoo9/cj-olive-networks/wiki/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8-%EC%A0%81%EC%9A%A9%EC%97%90-%EB%8C%80%ED%95%9C-%EA%B3%A0%EC%B0%B0)
1. [반응형 웹 디자인을 시작하는 방법](https://github.com/yamoo9/cj-olive-networks/wiki/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8%EC%9D%84-%EC%8B%9C%EC%9E%91%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95)
1. [반응형 웹 디자인을 구현하는 방법](https://github.com/yamoo9/cj-olive-networks/wiki/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B5%AC%ED%98%84-%EB%B0%A9%EB%B2%95)
1. [적응형 웹 vs 반응형 웹](https://github.com/yamoo9/cj-olive-networks/wiki/%EC%A0%81%EC%9D%91%ED%98%95-%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8-VS-%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8)
## 평가
[반응형 웹 디자인 교육 학습평가](https://goo.gl/Ri6BqQ)은 20문항 총 200점 만점입니다.
학습한 내용을 상기하여 문제를 풀어봅니다. :-)
## 참고
- [웹 디자인 트렌드 2018](https://99designs.com/blog/trends/web-design-trends-2018/)
- [반응형 웹 디자인 콘텐츠 구성(2013)](https://blog.kulturbanause.de/2013/12/content-choreography-fur-responsive-websites/)
- [반응형 웹 디자인(2010)](http://alistapart.com/article/responsive-web-design)