프론트엔드5 html과 css의 기초는 MDN에서 배우세요. MDN을 소개합니다. HTML과 CSS를 배우면서 첫 발을 내딛을 때 제일 많이 들었던 사이트는 MDN과 W3C school입니다. 그중에 MDN 사이트를 먼저 소개합니다. MDN 사이트는 기본적으로 영어로 콘텐츠가 구성되어 있으나 한국어 안내도 지원해 주고 있습니다. developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문 developer.mozilla.org 시간이 있을 때는 사이트를 방문해서 메뉴 카테고리에서 Html, CSS, Javascript 등 자신이 필.. 2020. 10. 30. API(Application Programming Interface) API(Application Programming Interface) API(Application Programming Interface)는 운영체제 등 큰 틀에서 지원해 주는 함수의 집합군을 이야기 합니다. interface라는 단어처럼 중간의 매개체를 뜻합니다. 오픈 API api하면서 많이 언급하는게 오픈 api입니다. 구글지도, 카카오맵 등 다양한 지도 api도 오픈 api입니다. 누구나 쉽게 접근할 수 있는 웹서비스에 적용하여 서비스 개발에 필요한 인터페이스를 공개하고 공유하는 것을 오픈 API라고 합니다. 오픈 api를 이용하고자 하면, 데이터 또는 서비스를 제공하는 측, 즉 오픈 api를 제공하는 측에서 정한 규칙을 지켜야 합니다. 오픈 API를 이용하는 사용자들은 자신들의 축적된 데이터 없.. 2020. 10. 6. 웹접근성 자가진단 도구 : WATCH 2.0 웹 접근성 자동 진단, 웹접근성 자가진단 도구 WATCH 2.0을 소개합니다. Watch2.0을 이용하면 한국형 웹 콘텐츠 접근성 지침 2.1에 다른 6개 세부 항목에 대한 웹 접근성 준수 여부를 편리하게 자가 진단할 수 있습니다. www.webwatch.or.kr/accessibility/040301.html?MenuCD=431 WATCH2.0 | 솔루션 | 정보 접근성 | WebWatch - 웹 접근성 품질인증 No.1 / APP, SW 접근성 인증·컨설팅 WATCH2.0 WATCH2.0 소개 WATCH2.0은 등록된 웹사이트 URL 및 오프라인 웹문서에 대한 웹 접근성 및 웹표준 준수여부를 자동 진단하는 자가 진단툴입니다. 한국형 웹 콘텐츠 접근성 지침 2.1에 따라 웹 사�� www.webwatc.. 2020. 10. 6. 웹표준 검사 벨리데이터 : W3C Validator 웹표준 검사 벨리데이터 : W3C Validator를 소개합니다. 내가 코딩을 잘했을까? 마크업에는 문제가 없을까? CSS 코딩은 잘했는지? 잘 모르겠죠? 이럴 때는 W3C Valiadtor를 사용하여 검사해 보면 됩니다. 웹표준에 맞는지 검사하는거죠! 웹 표준이란 어떤 운영체제나 어느 브라우저에서든 상관없이 웹사이트가 항상 동일하게 보여지도록 표준을 맞추는 것입니다. W3C validator는 소스파일 또는 url 검사를 통하여 모든 브라우저에서 제대로 표현이 되고 있는지, 마크업에는 오류가 없는지를 간편하게 확인해 주는 사이트입니다. 자체 CMS를 가지고 있는 업체에서는 Validator도 자체적으로 운영을 하기도 합니다. 하지만 우리 같은 개인이 이용하기에는 W3C Validator 만한게 없습니다.. 2020. 9. 28. 반응형 웹디자인 Responsive Web-Design 반응형 웹디자인에 대하여 알아봅니다. 반응형 웹디자인에 대한 이야기가 나온지는 이제 좀 되었네요. 그래도 아직 모르시는 분들과 이제 막 이쪽 분야에 관심을 가지고 계시는 분들을 위해 조금 내용을 정리해 봅니다. 반응형 웹디자인의 뜻부터 알아볼게요. 반응형 웹디자인을 단어별로 쪼개어서 살펴보면, - 반응형 : 무언가에 반응하는 형태(형식 아니면 프로그램)를 말하는 것인데, 그럼 무엇에 반응을 할까? 웹서핑을 할 때 사용하는 도구에 반응을 합니다. 그런 도구에는 PC도 있고, 테블렛도 있고, 제일 많이 사용하는 모바일 휴대폰이 있겠죠. 이런 도구에 반응을 한다는 의미이고, 정확히 이야기하면 이런 도구의 화면 너비값(width)에 반응하는 것을 의미합니다. - 웹 : 웹은 아실거구요. - 디자인 : 무얼 디자.. 2020. 9. 24. 이전 1 다음
