메뉴 건너뛰기

A11Y

지난 11월 9일에 있었던 "나도코딩" 세미나에서 발표한 내용을 요약한 자료 입니다.

 

8. 자바스크립트

 

이제는, 코드 딱 세 줄로 잘 돌아가는 웹 서버를 만들 수 있다. "node" 를 실행하고 아래의 코드를 입력하면 된다.

 

let app = http.createServer( (req, res) => {

res.end("Hello, World!"); });

app.listen(80);

 

위의 코드가 바로 Node.js 에서 돌아가는 자바스크립트 이다. 동적인 HTML 구현을 위해 도입된 언어가 이제는 웹서버를 개발하기 위해서도 사용할 수 있으니 놀라운 일이다.

특히, 시각장애인에게 있어, Node.js 쉘(node)에서는 TAB 키를 눌러 코드 완성하고 메서드 목록을 바로 볼 수 있으니, 별도의 개발 환경이 없이도 TAB 키의 내용을 참고하여 코드를 작성할 수 있다.

여담으로, 자바 개발키트인 JDK를 설치하면 나오는 "jshell" 을 실행하면, TAB 키로 코드 완성과 메서드 목록을 볼 수 있을 뿐 아니라, 메서드에 대한 도움말도 바로 확인할 수 있으니, 그야말로 TAB 키 만세이다.

 

다음은 Node.js 로 좀 더 웹서버 다운 코드를 만들어보겠다. 제대로 실행하기 위해서는 아래의 세 가지 작업만 미리 해준다.

 

1. "https://nodejs.org" 사이트를 방문하여 "Download Node.js (LTS)" 버튼을 눌러 설치 패키지를 내려받는다.

 

2. 내려받은 설치용 .msi 파일을 실행하여 Node.js를 설치한다.

 

3. 아래의 npm 명령으로 "Express" 라는 Node.js 용 패키지를 설치한다.

npm install express

 

________코드 시작

 

let express = require("express");

let app = express();

 

app.get("/", (req, res) => {

res.send(`<html>

<body>

<a href="/board">게시판으로 이동</a><br/>

<a href="/download">다운로드</a><br/>

</body>

</html>`);

});

 

app.get("/board", (req, res) => {

res.send("여기는 게시판 입니다.");

});

 

app.get("/download", (req, res) => {

res.download("a.txt");

});

 

app.listen(80);

 

________코드 끝

 

번호 제목 날짜 조회 수
21 About: MSAA, Microsoft Active Accessibility 2024.09.05 14
20 센스리더에서 지원하는 SSML 2024.09.05 11
19 About: Microsoft Windows IUIAutomation Interface 2024.09.06 11
18 윈도우 접근성 기술: MSAA와 UIAutomation 비교 2024.09.09 19
17 시각장애인 접근성 향상을 위한 응용프로그램 조작 인터페이스 2024.09.11 25
16 접근성 역할에서 "link"와 "button"의 차이 2024.09.24 26
15 시각장애인을 위한 음성 접근성 정보 제공 방법 2024.09.25 27
14 시각장애인 접근성 음성 정보의 맹점 2024.10.02 18
13 시각장애인을 위한 소리 정보 제공 시 기본 파형 사용 주의사항 2024.10.02 13
12 센스리더의 "기능 검색" 기능에 대하여 2024.10.08 11
11 센스리더의 브라우저 탭키 환경과 가상커서 탭키 환경 2024.10.11 19
10 시각장애인과의 협업을 위한 특수문자 발음의 이해 2024.10.18 30
9 여러 단계로 이루어진 서비스 제공시 시각장애인 접근성 개선 방안 2024.10.22 40
8 [세미나] 시각장애 개발자와 함께 하는 아이디어 마이닝 #1. 목적 2024.11.11 5
7 시각장애 개발자와 함께하는 아이디어 마이닝 #2. 텍스트와 오디오 2024.11.12 6
6 시각장애 개발자와 함께하는 아이디어 마이닝 #3. 이미지 2024.11.13 2
5 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 2
4 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 0
3 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 0
2 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 0