메뉴 건너뛰기

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

 

________코드 끝

 

번호 제목 날짜 조회 수
23 [참고] OpenSCAD Nightly 에서 사용되는 명령어 일람 - A.I 작성 2026.04.07 9
22 OpenSCAD#12. 시각장애인도 3D 디자인을 - 2D 평면을 3D 입체로 만드는 마법 - 사출(extrusion)의 이해 2026.04.07 4
21 [자료] OpenSCAD로 만든 남성과 여성 피규어 모델 file 2026.04.03 17
20 OpenSCAD#11. 시각장애인도 3D 디자인을 - 부품 단위로 생각하기, module 2026.04.03 20
19 OpenSCAD#10. 시각장애인도 3D 디자인을 - 반복의 마법, for 2026.04.01 31
18 OpenSCAD#9. 시각장애인도 3D 디자인을 - 모서리가 둥근 큐브 만들기 2026.03.31 26
17 OpenSCAD#8. 시각장애인도 3D 디자인을 - scale, 빵 만들기 2026.03.27 128
16 OpenSCAD#7. 시각장애인도 3D 디자인을 - 곡면의 이해 - 품질과 성능 2026.03.26 119
15 OpenSCAD#6. 시각장애인도 3D 디자인을 - 맥미니에 구멍 뚫기 2026.03.24 129
14 OpenSCAD#5. 시각장애인도 3D 디자인을 - 맥미니(Mac mini) 만들기 2026.03.23 200
13 OpenSCAD#4. 시각장애인도 3D 디자인을 - 미키마우스 머리 만들기 2026.03.20 146
12 [수정] OpenSCAD#3. 시각장애인도 3D 디자인을 - 공간의 이해 - 좌표, 단위, 회전 2026.03.19 202
11 OpenSCAD#2. 시각장애인도 3D 디자인을 - 설치와 실행 2026.03.18 185
10 OpenSCAD#1. 시각장애인도 3D 디자인을 - 소개편 2026.03.17 147
9 시각장애 개발자와 함께하는 아이디어 마이닝 #9. 마치며 2024.11.22 1089
» 시각장애 개발자와 함께하는 아이디어 마이닝 #8. 자바스크립트 2024.11.21 924
7 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 849
6 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 909
5 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 905
4 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 774