Skip to menu

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);

 

________코드 끝

 

No. Subject Date Views
25 센스리더 즐겨찾기 도구의 A.I. 프롬프트 사용 안내 2026.02.03 15
24 센스리더 도구에 대한 간략한 소개 2026.01.27 37
23 시각장애인 접근성 음성 정보의 맹점 2024.10.02 517
22 시각장애인을 위한 음성 접근성 정보 제공 방법 2024.09.25 530
21 여러 단계로 이루어진 서비스 제공시 시각장애인 접근성 개선 방안 2024.10.22 531
20 윈도우 접근성 기술: MSAA와 UIAutomation 비교 2024.09.09 533
19 시각장애인을 위한 소리 정보 제공 시 기본 파형 사용 주의사항 2024.10.02 535
18 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 542
17 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 545
16 About: Microsoft Windows IUIAutomation Interface 2024.09.06 546
15 [세미나] 시각장애 개발자와 함께 하는 아이디어 마이닝 #1. 목적 2024.11.11 547
14 About: MSAA, Microsoft Active Accessibility 2024.09.05 551
13 시각장애 개발자와 함께하는 아이디어 마이닝 #2. 텍스트와 오디오 2024.11.12 558
12 시각장애인 접근성 향상을 위한 응용프로그램 조작 인터페이스 2024.09.11 559
11 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 562
10 시각장애인과의 협업을 위한 특수문자 발음의 이해 2024.10.18 563
9 시각장애 개발자와 함께하는 아이디어 마이닝 #3. 이미지 2024.11.13 565
8 센스리더의 "기능 검색" 기능에 대하여 2024.10.08 571
7 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 598
6 센스리더에서 지원하는 SSML 2024.09.05 619