메뉴 건너뛰기

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

 

________코드 끝

 

번호 제목 날짜 조회 수
36 OpenSCAD#9. 시각장애인도 3D 디자인을 - 모서리가 둥근 큐브 만들기 new 2026.03.31 8
35 OpenSCAD#8. 시각장애인도 3D 디자인을 - scale, 빵 만들기 2026.03.27 19
34 OpenSCAD#7. 시각장애인도 3D 디자인을 - 곡면의 이해 - 품질과 성능 2026.03.26 25
33 OpenSCAD#6. 시각장애인도 3D 디자인을 - 맥미니에 구멍 뚫기 2026.03.24 33
32 OpenSCAD#5. 시각장애인도 3D 디자인을 - 맥미니(Mac mini) 만들기 2026.03.23 55
31 OpenSCAD#4. 시각장애인도 3D 디자인을 - 미키마우스 머리 만들기 2026.03.20 59
30 [수정] OpenSCAD#3. 시각장애인도 3D 디자인을 - 공간의 이해 - 좌표, 단위, 회전 2026.03.19 74
29 OpenSCAD#2. 시각장애인도 3D 디자인을 - 설치와 실행 2026.03.18 77
28 OpenSCAD#1. 시각장애인도 3D 디자인을 - 소개편 2026.03.17 67
27 센스리더 어센드 멀티라인 점자 출력 기능 2026.02.20 175
26 센스리더 가상커서 해제시 포커스 정보에 관하여 2026.02.09 225
25 센스리더 즐겨찾기 도구의 A.I. 프롬프트 사용 안내 2026.02.03 204
24 센스리더 도구에 대한 간략한 소개 2026.01.27 292
23 alt="" 접근성을 더욱 위배할 수 있다. 2025.05.14 810
22 시각장애 개발자와 함께하는 아이디어 마이닝 #9. 마치며 2024.11.22 1008
» 시각장애 개발자와 함께하는 아이디어 마이닝 #8. 자바스크립트 2024.11.21 853
20 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 775
19 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 819
18 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 797
17 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 692