jh.nrtv

웹 접근성의 개념 웹 접근성? 화면을 볼 수 없거나 , 소리를 들을 수 없거나, 마우스 없이 키보드만 사용할 수 있거나 하는 등 정보 접근에 제약이 있는 상황을 해결하고자 노력하는 것. 일반적으로 웹 접근성은 장애인, 고령자 등이 웹사이트의 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것을 뜻하지만 액정이 나가거나 스피커가 고장나거나 하는 등비장애인도 제한적인 환경에 놓일 수 있다. 웹 접근성 실태 국내 웹 접근성 수준은 높지 않은 수준이다. 쇼핑몰 사이트에서 상세정보 페이지 설명이 이미지로 제공되어 있는 경우가 많고, 이 경우에는 텍스트를 인식하기 어려워 웹 접근성을 저해한다. 실제로 아마존, 아이허브 등 해외 쇼핑몰은 상세 설명을 텍스트로 제공하도록 하고있다. 웹 접근성을 갖추면 얻..

웹 표준 웹 표준의 개념 인터넷?‘전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망’ 웹? 두 글자로 정의한다면 ‘공간’ 정의. 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간이 ‘웹’. 인터넷만 연결되어 있다면 웹이라는 공간 안에서 자유롭게 공유 가능 웹 표준 웹 표준? 웹 표준이란 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’. 웹 표준은 -> 사용자가 사용하는 운영체제나 브라우저와 상관 없이 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고 있음. 웹 개발에 사용되는 언어인 HTML, CSS, JavaScript 등의 기술을 다룸. 크롬, 엣지, 사파리, 오페라, 파이어폭스 등 ..

계산기 목업 만들기 (css) 버튼 입체감 만들기 box-shadow : 1px 1px 1px 1px black inset; box-shadow 속성에서 1px 1px 1px 1px black inset 값들은 차례로 각각 다음을 의미합니다. h-offset: 필수, 그림자가 수평방향으로 얼마나 떨어진 위치에서 시작할 지를 결정합니다. 양수면 오른쪽으로 떨어진 위치에서 시작하고, 음수면 왼쪽으로 떨어진 위치에서 시작합니다. v-offset: 필수, 그림자가 수직방향으로 얼마나 떨어진 위치에서 시작할 지를 결정합니다. 양수면 아래쪽으로 떨어진 위치에서 시작하고, 음수면 위쪽으로 떨어진 위치에서 시작합니다. blur: 선택, 그림자를 흐리게 할 정도를 결정합니다. 클수록 흐려집니다. spread: 선택, 그..

레이아웃 와이어프레임 : 레이아웃의 뼈대를 그리는 단계 목업( Mock-up) : 실물 크기의 모형 하드코딩 ;변수를 사용하지 않고 구구단처럼 보이기 위해서는, 각 숫자의 단을 소스 코드에 모두 출력하는 방법뿐입니다. Flexbox Flexbox로 레이아웃을 구성한다는 것은, 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법입니다. 1. 부모요소 flexbox - 요소들의 정렬과 관련 1) display:flex; 부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정하는 레이아웃 구성 방법입니다. 2) flex-direction: row; - 정렬 축 정하기 부모 요소에 설정해주는 속성으로, 자식 요소들을 정렬할 정렬 축을 정합니다. 설정 없을시 기본설정 'row' main { display: f..