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 센스리더의 브라우저 탭키 환경과 가상커서 탭키 환경 2024.10.11 821
24 접근성 역할에서 "link"와 "button"의 차이 2024.09.24 800
23 시각장애 개발자와 함께하는 아이디어 마이닝 #9. 마치며 2024.11.22 796
» 시각장애 개발자와 함께하는 아이디어 마이닝 #8. 자바스크립트 2024.11.21 663
21 alt="" 접근성을 더욱 위배할 수 있다. 2025.05.14 640
20 센스리더에서 지원하는 SSML 2024.09.05 619
19 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 598
18 센스리더의 "기능 검색" 기능에 대하여 2024.10.08 571
17 시각장애 개발자와 함께하는 아이디어 마이닝 #3. 이미지 2024.11.13 565
16 시각장애인과의 협업을 위한 특수문자 발음의 이해 2024.10.18 563
15 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 562
14 시각장애인 접근성 향상을 위한 응용프로그램 조작 인터페이스 2024.09.11 559
13 시각장애 개발자와 함께하는 아이디어 마이닝 #2. 텍스트와 오디오 2024.11.12 558
12 About: MSAA, Microsoft Active Accessibility 2024.09.05 551
11 [세미나] 시각장애 개발자와 함께 하는 아이디어 마이닝 #1. 목적 2024.11.11 547
10 About: Microsoft Windows IUIAutomation Interface 2024.09.06 546
9 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 544
8 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 541
7 시각장애인을 위한 소리 정보 제공 시 기본 파형 사용 주의사항 2024.10.02 535
6 윈도우 접근성 기술: MSAA와 UIAutomation 비교 2024.09.09 533