{"id":21969923,"url":"https://github.com/yamoo9/cj-olive-networks","last_synced_at":"2026-03-04T18:04:15.076Z","repository":{"id":37663435,"uuid":"56466789","full_name":"yamoo9/cj-olive-networks","owner":"yamoo9","description":"CJ 올리브 네트웍스 강의 저장소 \"반응형 웹 디자인\"편","archived":false,"fork":false,"pushed_at":"2018-05-20T07:56:19.000Z","size":75420,"stargazers_count":27,"open_issues_count":0,"forks_count":11,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-22T22:37:08.905Z","etag":null,"topics":["css-flexbox","css-grid","responsive-web-design","rwd"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yamoo9.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-04-18T01:02:58.000Z","updated_at":"2024-10-01T06:29:00.000Z","dependencies_parsed_at":"2022-07-20T00:16:54.004Z","dependency_job_id":null,"html_url":"https://github.com/yamoo9/cj-olive-networks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yamoo9/cj-olive-networks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2Fcj-olive-networks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2Fcj-olive-networks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2Fcj-olive-networks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2Fcj-olive-networks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yamoo9","download_url":"https://codeload.github.com/yamoo9/cj-olive-networks/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2Fcj-olive-networks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30088348,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T15:40:14.053Z","status":"ssl_error","status_checked_at":"2026-03-04T15:40:13.655Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-flexbox","css-grid","responsive-web-design","rwd"],"created_at":"2024-11-29T14:27:42.860Z","updated_at":"2026-03-04T18:04:15.056Z","avatar_url":"https://github.com/yamoo9.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"###### CJ Olive Networks\n\n## RWD(Responsive Web Design) 2018\n\n반응형 웹 디자인은 모바일, 데스크톱 환경에 구애 받지 않고 다양한 디바이스에서 최적화된 \u003cabbr title=\"User Interface\"\u003eUI\u003c/abbr\u003e를 제공합니다. 모바일 디바이스 사용이 늘어나고 모바일에 최적화 된 비즈니스 웹사이트를 구축하는 것은 고객을 끌어 들이고 참여시키는데 있어 중요한 역할을 합니다.\n\n반응형 웹 디자인을 제작하기 위해 필요한 과정과 알아야 할 것들에 대해 공부해봅니다.\n\n![pocari sweat](https://camo.githubusercontent.com/c5ed2730392b3d138a9a9c4261858f1a00a6fb74/687474703a2f2f79616d6f6f392e6769746875622e696f2f636a2d6f6c6976652d6e6574776f726b732f6173736574732f7277642f504f434152492e6a7067)\n\n\u003cbr\u003e\n\n## 설문\n\n간단한 질문이 포함한 설문을 받아 수업에 참고합니다. [설문](https://goo.gl/forms/8u2snrPnQ77puQ582)  에 응해주세요.\n\n\u003cimg src=\"docs/assets/survey.jpg\" alt width=\"400\"\u003e\n\n\u003cbr\u003e\n\n## 준비\n\n수업 진행에 필요한 항목들입니다. 제공된 링크를 통해 다운로드 및 설치 또는 가입 해주세요.\n\n항목 | 링크\n--- | ---\n브라우저 | [Chrome](https://www.google.com/chrome/) (권장) / [Firefox](http://www.mozilla.com/ko/firefox)\n익스텐션 | [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=ko) / [GitZip for github](https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn)\n에디터 | [Visual Studio Code](https://code.visualstudio.com/) (권장) / [Sublime Text](https://www.sublimetext.com/) / [Atom](https://atom.io/) / [Brackets](http://brackets.io/) (택 1)\n소셜 개발 환경 | [codepen.io](https://codepen.io/)\n\n\u003cbr\u003e\n\n## 자료\n\n\u003cimg align=\"right\" src=\"./docs/assets/download.png\" alt width=\"320\"\u003e\n\n페이지 상단 `Clone or download` 메뉴 \u003e `Download ZIP` 버튼을 눌러 다운 받습니다. 이미 GitHub 계정이 있는 분은 Fork 하시면 좋겠죠? :-)\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n## 문서\n\n\u003cimg src=\"https://www.digitalwebmania.com/wp-content/uploads/2018/03/giphy.gif\" alt align=\"right\" width=\"120\"\u003e\n\n반응형 웹 디자인에 대한 내용을 정리한 문서입니다. 수업 중 또는 수업이 끝난 이후에도 참고해서 읽어보세요.\n\n1. [반응형 웹 디자인](https://github.com/yamoo9/cj-olive-networks/wiki)\n1. [반응형 웹 디자인에 대한 고찰](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)\n1. [반응형 웹 디자인을 시작하는 방법](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)\n1. [반응형 웹 디자인을 구현하는 방법](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)\n1. [적응형 웹 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)\n\n\u003cbr\u003e\n\n## 평가\n\n\u003cimg align=\"right\" src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShcAsb2DZd8l-XV6oHdmgvVoxrO8E02MMcNtLY6gTzlzrOb3pL\" alt width=\"100\"\u003e\n\n[반응형 웹 디자인 교육 학습평가](https://goo.gl/Ri6BqQ)은 20문항 총 200점 만점입니다.\u003cbr\u003e 학습한 내용을 상기하여 문제를 풀어봅니다. :-)\n\n\u003cbr\u003e\n\n## 참고\n\n- [웹 디자인 트렌드 2018](https://99designs.com/blog/trends/web-design-trends-2018/)\n- [반응형 웹 디자인 콘텐츠 구성(2013)](https://blog.kulturbanause.de/2013/12/content-choreography-fur-responsive-websites/)\n- [반응형 웹 디자인(2010)](http://alistapart.com/article/responsive-web-design)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyamoo9%2Fcj-olive-networks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyamoo9%2Fcj-olive-networks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyamoo9%2Fcj-olive-networks/lists"}