마이구미의 HelloWorld 마이구미의 HelloWorld

이번 글은 어떻게 보조공학(스크린 리더) 자체가 사용자에게 어떻게 정보 전달의 원리를 볼 것이다. 조금 기술적으로 말해보자면, 웹 콘텐츠의 내부에서 일어나는 일과 보조공학(AT) 상호작용의 기본 원리를 본다. 기본적으로 알고 가야할 것들을 먼저 보자. API(Application Programming interface)란 무엇일까? 많이 들어봤을 것이다. 하지만 API가 뭐냐? 물으면 바로 말할 수 없는 사람들이 많다. 이번 계기로 확실히 알고 가보자. API에 대한 정의로는, 어떤 언어로 프로그래밍하는 데 필요한 코드나 함수, 혹은 용어를 제공하는 프레임워크나 규칙. 이번 주제에 관한 정의로 본다면, 브라우저나 보조공학 같은 소프트웨어에게 어떤 작업을 하라고 명령할 때 사용하는 코드 라이브러리. 예를 ..

이번 글은 tabindex 속성에 대한 웹 접근성에 대해 알아볼 것이다.참고 자료 - http://nuli.navercorp.com/sharing/blog/post/1132726tabindex 를 활용한 하나의 테크닉 - https://mygumi.tistory.com/372 tabindex 속성은 키보드 접근성에 근접한 속성이다. 키보드 접근성이란, 말 그대로 스크린 리더 사용자가 키보드를 통해 웹 페이지의 정보에 접근하는 것이다. 스크린 리더를 쓰지 않더라도, 흔히 우리도 주로 탭이나 엔터를 통해 사용하고 있다. 자 그렇다면, tabindex 란 무엇일까? 어떤 엘리먼트에 키보드 포커스를 주는 가장 흔한 방법으로 사용된다. 크게 3가지 속성값을 이용할 수 있다. 0 값 - tabindex="0" 양수..

이번 글은 html lang 속성에 대해 알아볼 것이다. 다들 lang 속성이 무엇을 뜻하는 지는 짐작할 것이다. 단순히 언어 지정하는 것이 아닌가?맞다. 하지만 단순히 이렇게만 알고 있으면 안된다. 기본적으로 위와 같이 셋팅하여 사용한다. ko... 뭐 코리아네.. 대수롭지 않게 생각했을 것으로 예상한다. 그래도 왜 쓰는지 정확히 알고 가야하지 않겠나? 쉬운 내용이니 한번 읽어보길 바란다. lang 속성은 웹 접근성에 관한 내용이다. 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.1에는 웹페이지의 head 요소 안에 페이지의 기본 언어 선언을 규정하고 있습니다. 지침을 보다시피 필히 명시되줘야한다. 그렇다면 왜 명시해줘야하는가? 화면 낭독 프로그램 (스크린 리더) 이 언어를 인식하여 자동으로 음성을 변..

이번 글은 자바스크립트의 Comma 즉, 콤마를 다뤄본다.너무도 당연히 알고 있고, 당연히 사용하고 있는 것이 콤마다.그렇다면 도대체 무엇을 위해 글을 다뤘는가?한번 보자. 후회 없을거다! var obj={a:0,b:1,c:function(){}}; var arr=[1,2,3,4]; var a=1,b=2,c=3; 위와 같이 객체, 배열, 변수 등등 다양하게 사용하고 있다.그렇다면, 아래와 같은 코드를 본 적이 있는가? var a = 0; var b = ( a++, 99 ); var c = ( 1, 2, 3 );var d = 4, 5; //error console.log(a); // 1 console.log(b); // 99console.log(c); // 3 b 변수는 a++를 실행되어진 후, 99가 대..

이번 글은 백준 알고리즘 사이트 11279번 '최대 힙' 문제를 알아볼 것이다.자료구조 중 힙 에 관한 문제이다.Github - https://github.com/hotehrud/acmicpc 힙은 트리를 기반으로 된 자료구조다.일단 이것만 기억하면 된다.힙은 완전 이진 트리이다.이진트리는 자식노드가 최대 2개인 트리이지 않느냐?또한 균형이 잡혀있는 트리이다. 힙은 최대 힙과 최소 힙으로 나눌 수 있다.아래 그림처럼 최대 힙은 부모 노드가 자식 노드보다 큰 값을 가지는 구조이다.최소 힙은 당연히 반대이다. 당연히 힙으로 푼다.혹시 이전 글 10814번 나이순 정렬 글을 보면 좋다.http://mygumi.tistory.com/44 이번에도 우선순위 큐로 문제를 해결할 것이다.나는 그냥 최대 힙을 구현해서..

이번 글은 맞춤법 API에 대해 알아보자~.맞춤법 API.. 싱싱한 녀석이다.Daum에서 7월 28일 오픈했다.정말 좋은 API가 공개되었다. 모두 맞춤법에 관한 API를 원하고 있었을 사람이 굉장히 많을 것이다.나 또한 쓸 일이 있어서 검색하던 중... 몇일 전에 공개되었다니...취지도 좋고 다 좋다. Daum 쫌 멋있다. 맞춤에 API에 대해 한번 보자. 사용법은 무지 간단하다.액세스 토큰도 필요없다..Appkey만 있으면 된다. 허얼허얼 당장 써보자!!!허얼허얼.....내가 설명할 게 없다..ㅋㅋㅋㅋ샘플 코드까지 그냥 다 나와있어서... 그냥 복붙해서 해보면 된다.....바로 해보자!!!!$.ajax({ type:"GET", url:"https://apis.daum.net/grammar-checke..

이번 글은 백준 알고리즘 10814번 "나이순 정렬"에 대해 알아볼 것이다.본인은 다르게 풀었지만 다른 사람이 푼 것을 보고 이 글의 메인을 정했다.PriorityQueue 우선순위 큐를 통해 문제를 해결해보자.Github - https://github.com/hotehrud/acmicpc 온라인 저지에 가입한 사람들의 나이와 이름이 가입한 순서대로 주어진다. 이 때, 회원들을 나이가 증가하는 순으로, 나이가 같으면 먼저 가입한 사람이 앞에 오는 순서로 정렬하는 프로그램을 작성하시오. 큐는 모두 알다고 가정한다.큐에는 원형 큐, 우선순위 큐, 덱큐가 있다.PriorityQueue 이녀석은 해석하면 알겠지만 우선순위 큐이다.우선순위 큐는 말 그대로 우선순위가 높은 데이터를 먼저 꺼내온다. 이번 문제는 이해..

이번 글은 Scanner와 BufferedReader에 대해서 알아볼 것이다.위 클래스는 문자열 입력을 읽고 처리하기 위해 사용한다.자바를 공부했다면 누구나 사용해봤을 것이다.하지만 둘 차이를 확실히 모르거나 하나만 사용하는 경우가 많다. 딱 보이는 기능으로만 보면 같다.BufferedReader 이 녀석 다음에 나온 것이 Scanner 클래스다.그렇다면 Scanner 이 녀석이 최신이다.Scanner만 쓰면 되겠군.. 아니다.... 두 녀석은 차이가 명확히 있다.이 글을 읽고 지금부터라도 용도에 맞게 사용해보자.Scanner sc = new Scanner(System.in); BufferedReader br = new BufferedReader(new InputStreamReader(System.in)..