프로그래머/Node.js 썸네일형 리스트형 Node.js - App 제작 - 함수를 이용해서 정리 정돈하기 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* 이렇게 반복되는 부분을 함수처리 할 것이다. 두개의 함수를 만든다.input, return 값을 제대로 체크해보자. 더보기 Node.js - App 제작 - 글목록 출력하기 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* 파일리스트를 가져오는 코드이다. 이렇게.자, 그럼 가져온 파일리스트를 활용해보자. 을 사용해서 리스트 태그를 감싸주고, 파일 리스트를 활용해 조건문을 만들자.파일의 갯수만큼 리스트를 만든다.여기서는 태그를 활용한다. 출력이 잘못됬는데, 밑의 그림에서 빈 리스트는 안 나와야 한다. href="/?id=${filelist[i]}"를 활용해 링크도 연결시켜 보자. 링크가 연결된 것을 볼 수 있다. 밑에 부분도 수정해주자. 리스트에 Node.js 페이지를 추가하고 싶다면?파일을 만들고 저장, 새로고침하면 자동으로 추가된다. 추가된 모습이다. 이제 더이상 파일이 바.. 더보기 Node.js에서 파일목록 알아내기 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* node.js에서 특정 폴더 내 파일 목록을 알아보자.testFolder 내에 대상 폴더 경로를 넣고,fs.readdir(testFolder, function(error, filelist))파일 리스트를 뽑으면, 파일 목록이 나온다. 더보기 Node.js - App 제작 - Not found 구현 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* 지금까지 우리는 localhost:3000으로 정확한 주소를 입력했다.만약에 잘못된 주소를 입력한다면?찾을 수 없는 페이지라는 표시가 나타나야 한다.그걸 구현해보자. 우선, 콘솔로그 냉 url.parse(_url, true)를 넣어 url을 분석하는 명령어 안에 무엇이 담겨 있는지 확인해보자. 다음과 같은 정보들이 담겨있다. pathname을 따로 뽑아서,조건문을 만들어보자.만약 pathname이 '/'이라면 정상적으로 작동하고,이외에는 Not found를 출력할 것이다. writehead 안에 있는 숫자는, 웹브라우저가 웹서버에 접속했을 때, 상태 정보를.. 더보기 Node.js - 콘솔에서의 입력 값 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* 어떻게 콘솔의 입력 값을 node.js 에 넣을 것인가?다음과 같이 파일을 만들어보고, 실행해보자. var args = process.argv; 결과는 다음과 같다.이는 args 안에 녹색으로 출력된 정보들이 들어가 있다는 것이다.배열로 되어있는 정보이다.첫번째 요소는 node.js 런타임이 어디에 위치해 있는지를 나타낸다.두번째 요소는 우리가 실행한 conditional.js의 위치를,세번째 요소는 우리가 실행한 입력 값을 나타낸다.(node conditional.js 뒤에 thlee 라고 입력을 했다.) 자 그럼 저 요소들 중 2번째 값을 받아보자. 밑.. 더보기 Node.js - 파일을 이용해 본문 구현 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* 자, 이제 본문 내용을 텍스트 파일을 읽어 들여 동적으로 구성해보자.일단 읽어 들일 텍스트 파일을 3개 만든다. 파일 안에는 내용으로 채워주고, 블럭 표시된 저 부분을 우리가 읽은 파일로 치환해주면 될 것이다.저 안의 내용을 다 지우고, 텍스트 파일을 읽어 들인 것을 description에 저장, (fs.read~~~)${description}으로 나타내 준다. 다음과 같이 어느 페이지를 클릭하느냐에 따라 내용이 바뀐다.main.js의 내용을 바꾸면 수정사항이 적용 되었는지 확인할 때마다 cmd창으로 껏다 켜야하지만,텍스트 파일 내의 내용은 main.js가.. 더보기 Node.js로 파일 읽기 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* Node.js로 파일 내용을 읽어보자. 우선 파일을 만들자. 이름은 fileread.js와 sample.txt샘플 텍스트에 내용은 아무런 텍스트를 붙여넣자.우리가 읽을 내용이다. 파일을 읽어오는 코딩이다. 내용은 이대로 붙여 넣자. 우리는 sample.txt의 내용을 읽어올 것이다.console.log(data)로 내용을 출력한다.결과는...? 이상한 내용이 나온다.글자를 못 읽어 들이는 것이다. 그렇기 때문에 utf8 형식으로 읽어올 수 있게 설정한다.결과는...? 텍스트 파일의 내용을 잘 읽어 들이는 것을 볼 수 있다. 더보기 Node.js - 동적인 웹페이지 만들기 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* 페이지를 동적으로 만들어보자.페이지의 내용 부분을 우리가 마음대로 만들 수 있게 할 것이다. var template 로 변수 하나를 만들고, ` ` 안에 내용을 넣는다.템플릿 내용이 표시되도록 response.end() 내부에 template을 넣는다. 중간에 ${queryData.id} 부분으로 바꾸어주면, 쿼리데이터의 아이디가 제목으로 들어가기 되고, 우리가 어느 페이지를 들어 가느냐에 따라제목이 바뀌게된다. 1.HTML 페이지를 클릭하면, 제목이 HTML으로 바뀐다.왜냐하면 /?id=HTML 으로 바꾸면 된다. 이렇게. 더보기 Node.js - URL을 통해 입력된 값 사용하기 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* http://localhost/?id=HTML이라는 주소가 있다고 해보자.여기서 id=HTML에 해당하는 부분을 우리는쿼리 스트링(query string)이라고 부른다. 본 포스팅에서는 쿼리 스트링에 따라 다른 정보를 보여주는 것을 해볼 것이다. 다음과 같이 코드를 입력한다.우리는 url이라고 하는 모듈을 url이라는 변수를 통해 사용할 것이다.따라서 기존의 url 상수 값은 _url으로 바꿔준다. 자, 그렇다면 console.log를 통해 queryData에는 어떤 값이 들어가 있는지 한 번 보자. 파일을 저장하고, cmd 창에서 node 파일명 을 입력.. 더보기 Node.js로 웹서버 만들기 | 생활코딩 강의 복습 | 프로그래밍 공부 * 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.* 우선 https://opentutorials.org/course/3332/21032로 접속하자.여기에는 Node.js로 웹서버를 만들기 위해 필요한 소스코드가 있다. 다음으로는,https://github.com/web-n/web1_html_internet에서 웹서버에 표시할 내용을 다운 받아 압축을 풀자. 압축을 푼 폴더에 main.js 파일을 만들어 위의 코드를 복붙한다. 그리고 cmd에서 해당 경로로 들어간 뒤, (cd + 폴더 주소)node main.js를 입력하면, 아무것도 안 뜰 것이다. 웹 브라우저에서 주소창에 localhost:3000을 친다... 더보기 이전 1 다음
