Vanilla JS란? Vanilla JS(바닐라 자바스크립트)란 어떠한 프레임워크와 라이브러리가 적용되지 않은 날 것의 자바스크립트를 바닐라 자바스크립트라고 한다. 왜 Vanilla JS 사용하는 것인가 개인적인 생각이지만 배보다 배꼽이 커지는 상황도 많았던 것 같다. jQuery라는 DOM을 컨트롤 하는데에 있어서 매우 뛰어난 라이브러리가...
자바스크립트 엄격모드?
자바스크립트 엄격모드란 ? ECMAScript 5 에서 소개되었다. 기본으로 우리 사용하는 자바스크립트는 “느슨한모드(sloppy mode)”라고 불리며 문법이나 살짝 벗어나는 오류 정도는 조용히 무시하고 작동되었다. “엄격한 모드(strict mod)”를 사용하면 조금 더 디테일하게 문법이나 오류를 잡아낸다. 엄격모드를 사용하려면 사용법은...
Javascript에서의 This
this가 무엇이냐라고 누군가 물어봤을 때 의미 자체에 순간 망설였던 적이 있었다. 그래서 this는 무엇이고 어떻게 동작하는 지에 대해 포스팅 하려고 한다. This 무엇이냐 넌 this. 자바스크립트의 this는 호출한 객체가 저장되어있는 속성이다. console.log(this); // window 기본적으로 this는 window ...
웹 접근성(견고성)
운용의 용이성 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션 할 수 있어야 한다. 4.1.1 마크업 오류 방지 4.2.1 웹 애플리케이션 접근성 준수 4.1.1 마크업 오류 방지 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다. 1) 요소의 열고 닫음 잘못된 소스 <ul> &l...
웹 접근성(이해의 용이성)
이해의 용이성 콘텐츠는 이해할 수 있어야 한다. 3.1.1 기본 언어 표시 3.2.1 사용자 요구에 따른 실행 3.3.1 콘텐츠의 선형화 3.3.2 표의 구성 3.4.1 레이블 제공 3.4.2 오류 정정 3.1.1 기본 언어 표시 주로 사용하는 언어를 명시해야 한다. <html lang=”ko”> H...
웹 접근성(운용의 용이성)
운용의 용이성 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션 할 수 있어야 한다. 2.1.1 키보드 사용 보장 2.1.2 초점 이동 2.1.3 조작 가능 2.2.1 응답시간 조절 2.2.2 정지 기능 제공 2.3.1 깜빡임과 번쩍임 사용 제한 2.4.1 반복 영역 건너뛰기 2.4.2 제목 제공 2.4.3 적절...
웹 접근성(인식의 용이성)
인식의 용이성 모든 콘텐츠는 사용자가 인식할 수 있어야 한다. 1.1.1 적절한 대체 텍스트 제공 1.2.1 자막 제공 1.3.1 색에 무관한 콘텐츠 인식 1.3.2 명확한 지시사항 제공 1.3.3 텍스트 콘텐츠의 명도 대비 1.3.4 자동 재생 금지 1.3.5 콘텐츠 간의 구분 1.1.1 적절한 대체 텍스트 제공 ...
웹 접근성이란
이전 회사에서 웹 접근성에 대해 공부를 했었다. 공부했던 내용을 정리해두면 좋겠다는 생각이 있었는데, 미루고 미루다가 이제 정리를 한다. 웹 접근성(Web Accessibility)이란 웹 접근성이란 어떠한 사용자가 접근을 하더라도, 동일한 정보를 제공할 수 있도록 보장하는 것이다. 즉, 장애인, 고령자등 모든 사람이 비장애인과 차별되지 않은 ...
Sass & SCSS 란?
최근 프론트쪽을 담당하는 직군의 기술 스택을 보면 Sass를 심심찮게 볼 수 있습니다. 그래서 Sass는 무엇인가에 대해서 알아보려고 합니다. 본 글에서는 Sass에 대해서만 알아보며, 문법과 컴파일 방법에 대해서는 다루지 않습니다. Sass 란? Sass는 Syntactically Awesome Style Sheets의 약자이며, CS...
CI(codeigniter)의 MVC패턴 프로젝트 경험
회사에서 개발팀에 코드이그나이터를 도입하였다. 개발팀에 도입한다고 해서 사실 크게 관심이 없었으며, 큰 영향도 없을 것이라고 생각했다. 하지만 퍼블리셔 입장에서도 기존의 방식과 조금씩 달랐고 하나씩 경험했던 내용을 기록해두려고 한다. Codeigniter란 Codeigniter(이하 코드이그나이터)란 PHP로 작성된 웹 프레임워크다. MVC패...
