본문 바로가기

전체 글

 (120)
[생활코딩-Nodejs-10] Javascript 함수(Function) 이번에는 이전에 작성했던 코드 중, 저 긴 곳 기억나시나요? 너무 길고, 나중에는 복잡해서 그냥 닫아두고 코드를 수정했습니다. 함수는.. 이런 복잡성을 제거해 '재사용성'을 높여주고, 코드의 '중복'을 제거합니다. 이로써 우리는 가독성 높고, 코드를 재사용하기 좋은 상태로 만들 수 있는 것이죠. 그래서, 위 작업에 착수하기 전에 함수에 대해서 알아보도록 하겠습니다. 1. 함수 (Function) 만약 이런 코드가 있다고 가정합시다. 저 중복이 보이시나요? 함수를 적용하기 전입니다. 그럼 함수를 적용하면 어떻게 될까요? 요로케 ~ 됩니다. console.log('1')과 ('2')를 넣었던 부분을 함수를 f12();로 호출하면서 치환해 주었죠. 이것이 함수의 효율입니다. 만약 이것을 cmd창에서 찍어보신다..
[생활코딩-Nodejs-09] fs.readdir (파일목록 가져오기) 이제 우리에겐 배열과 반복문이라는 무기까지 생겼어요. 이제는 활용해볼까요? 이 부분을 동적으로 바꾸기로 했었죠~? 시작해보겠습니다. 1. fs.readdir 좌측 데이터 디렉토리에 있는 파일 목록을 찍어주는 것을 확인할 수 있습니다. 이제 이걸 적용해볼까요? 어떻게 적용해야할까요? 이렇게 적용시켜주면, HTML로 복잡하게 ul과 li태그 그리고 a태그로 다루었던 부분을 다소 간단하게 바꾸어 줄 수 있습니다. 또, while반복문에서 지속적으로 데이터를 읽어들이기에 Data디렉토리에 데이터가 추가된다해도, 번거롭게 수정해 줄 필요가 없어집니다. 2. While 조건문 분석 코드를 보니 이해가 되시나요? 이를 가능하게 해준 코드 아래 부분에 대해 하나씩 해부해볼까요? 저 코드를 해부해보자구요! 한번 천천히 ..
[생활코딩-Nodejs-08] Javascript 배열과 반복문 이 부분을 자동화시킬거에요. 이전에는 data디렉토리에 있는 파일들의 내용을 불러오는 fileread모듈을 사용해보았죠? 그런데 데이터에 파일을 추가 시키면 우리는 일일이 코드를 손으로 또 수정해주었어야 했어요. 이런 점이 너무 번거롭고 귀찮잖아요? "프로그래머는 데이터의 변경에 따라 로직이 바뀌는 것을 부끄러워합니다." 따라서 저는 지금부터 데이터 리스트 부분을 동적으로 바꾸어, 파일을 추가시키면 자동으로 리스트가 수정되고, 그것을 웹브라우저에 출력하는 작업을 해보겠습니다. 그러기 위해서 우리는 Javascirpt의 배열과 반복문에 대해 이해할 필요가 있습니다. 지난시간에 배운 반복문은 그 혼자로써는 어디다 쓰는지 잘모르겠죠? 이제 그것을 어떻게 배열과 함꼐 활용할 수 있는지 알아보겠습니다. 이번장에서..
[생활코딩-Nodejs-07] Notfound 페이지, 루트페이지 구현 이번 장에서는 Nodejs를 통해 Notfound. 즉 없는 페이지 일때 출력되는 페이지를 구현해 볼것이고, 홈페이지 즉, 루트경로로 들어갔을 때, 나오는 최초 홈페이지를 완성시켜보겠습니다. 기존의 main.js 파일 nodejs코드입니다. var http = require('http'); var fs = require('fs'); var url = require('url'); // URL 모듈 var app = http.createServer(function(request,response){ var _url = request.url; //URL 요청 var queryData = url.parse(_url, true).query; var title = queryData.id console.log(quer..

티스토리툴바