본문 바로가기

코딩과 알고리즘

node.js express | #7. mysql2 프로미스 지난 스토리에서 다루었던 쪽지 템플릿에는 MYSQL 이라는 저장하는 부분을 비롯하여 클래스라는 부분까지 여러 요소가 추가되었는데요. node.js의 프로미스라는 특징적 부분까지 다루어야 해서 예제 소스를 만들면서 점진적으로 소스를 완성하는 부분을 다뤄보도록 하겠습니다. https://itadventure.tistory.com/443 node.js express | 템플릿 쪽지함#6. 쪽지 데이터베이스 저장 지난 스토리에서는 MYSQL 커뮤니티 서버를 서버에 설치하였지요. https://itadventure.tistory.com/442 node.js express | 템플릿 쪽지함#5. AWS 에 MYSQL 설치 이틀 가량 중 짜투리 시간을 투자해서 node.js 에.. itadventure.tistory.. 더보기
node.js express | 템플릿 쪽지함#6. 쪽지 데이터베이스 저장 지난 스토리에서는 MYSQL 커뮤니티 서버를 서버에 설치하였지요. https://itadventure.tistory.com/442 node.js express | 템플릿 쪽지함#5. AWS 에 MYSQL 설치 이틀 가량 중 짜투리 시간을 투자해서 node.js 에서 쪽지불러오기 및 저장 부분을 완성했습니다. C나 C#과는 좀 다른 스타일의 난이도가 있더군요 ㅎ.. 약간 사용법이 까다롭다고 보면 될것 같습니 itadventure.tistory.com 이어서 node.js 에서 MYSQL 서비스를 이용하여 쪽지함을 구성하는 소스를 다뤄보도록 하겠습니다. 우선 전체 소스를 한번에 구성하고 뭔지 구경부터 해보도록 하지요. ( 실제 개발은 점진적으로 한 단계씩 진행하는 것입니다. 누구든지 한번에 짠 하고 개발을 .. 더보기
node.js express | 템플릿 쪽지함#5. AWS 에 MYSQL 설치 이틀 가량 중 짜투리 시간을 투자해서 node.js 에서 쪽지불러오기 및 저장 부분을 완성했습니다. C나 C#과는 좀 다른 스타일의 난이도가 있더군요 ㅎ.. 약간 사용법이 까다롭다고 보면 될것 같습니다. node.js는 기본동작이 비동기 방식이라 동기 방식처럼 작동하게 하는 async, await 라는 특별한 방식을 이용해야 하는데요. 차후 진행하면서 다뤄보겠습니다. 단순 웹개발로 보자면 node.js 개발이 좀 불편한 감이 있습니다. 다만 그만큼 빠른 속도를 보장하고 무엇보다 node.js 를 이용하여 구글 스프레드 시트에서 사용하는 것과 유사한 실시간 웹기술을 익히는게 목표니까요 :) 지난 스토리에서는 쪽지를 작성 후 서버에 저장되는 원리에 대한 부분을 살펴보았는데요, https://itadventu.. 더보기
node.js express | 템플릿 쪽지함#4. 쪽지 작성편(2) 지난 스토리에서는 쪽지를 직접 작성하면 보드판에 나열되는 부분에 대한 샘플과 함께 템플릿에서의 쪽지 작성에 대한 태그와 스크립트 부분을 설명드렸는데요. https://itadventure.tistory.com/440 node.js express | 템플릿 쪽지함#3. 쪽지 작성편(1) 뭐니뭐니해도 웹사이트의 사용자 방문율을 높이려면 웹사이트를 사용하는 사용자와 "소통"할 수 있는 수단이 있어야 할텐데요. 지난 스토리에 이어 사용자가 쪽지를 작성하는 부분에 대해 살펴 itadventure.tistory.com 이렇게 서버로 전달된 쪽지를, 서버에서 쪽지배열 변수인 memo 에 추가하는 부분을 살펴보겠습니다. 서버에서 실행되는 main.js 에서 핵심이 되는 코드는 아래와 같습니다. app.post('/me.. 더보기
node.js express | 템플릿 쪽지함#3. 쪽지 작성편(1) 뭐니뭐니해도 웹사이트의 사용자 방문율을 높이려면 웹사이트를 사용하는 사용자와 "소통"할 수 있는 수단이 있어야 할텐데요. 지난 스토리에 이어 사용자가 쪽지를 작성하는 부분에 대해 살펴보겠습니다. https://itadventure.tistory.com/439 node.js express | 템플릿 쪽지함#2. 배열의 템플릿 전달 이번 스토리에서는 지난 스토리에 이어서 배열 변수를 템플릿에 전달하여 출력하는 부분에 대해 설명드리도록 하겠습니다. https://itadventure.tistory.com/438 node.js express | 템플릿 쪽지함#1. 구경 지난. itadventure.tistory.com main.js 에서 쪽지를 추가하는 코드는 아래와 같은데요. memo.push(new Arra.. 더보기
node.js express | 템플릿 쪽지함#2. 배열의 템플릿 전달 이번 스토리에서는 지난 스토리에 이어서 배열 변수를 템플릿에 전달하여 출력하는 부분에 대해 설명드리도록 하겠습니다. https://itadventure.tistory.com/438 node.js express | 템플릿 쪽지함#1. 구경 지난 시간에는 템플릿의 사용에 대해서 알아보았습니다. https://itadventure.tistory.com/437 node.js express | 템플릿(ejs) 지난 스토리에서는 Node.js 에서 동적웹페이지를 만드는 기초 부분에 대해 알아보았.. itadventure.tistory.com views/memo.ejs 파일은 아래와 같이 제목만 달랑 들어있는 템플릿인데요. ejs의 소스에는 제목이 표시되는 아랫 부분에 아래와 같은 소스가 들어 있습니다. PHP 나 .. 더보기
node.js express | 템플릿 쪽지함#1. 구경 지난 시간에는 템플릿의 사용에 대해서 알아보았습니다. https://itadventure.tistory.com/437 node.js express | 템플릿(ejs) 지난 스토리에서는 Node.js 에서 동적웹페이지를 만드는 기초 부분에 대해 알아보았는데요. 사실 이 방법은 Node.js의 편의성을 충분히 발휘한 방법은 아닙니다. Node.js 에는 템플릿이라는 멋진 기능 itadventure.tistory.com 이번 시간부터는 템플릿을 이용한 쪽지함이란걸 만들어 볼텐데요. 내용이 좀 되기 때문에 다회차에 걸쳐 진행될 예정입니다. 구구절절 설명보다는 바로 이미지를 보시는 편이 나을듯 하네요. 바로 이런 겁니다. 보드판에 쪽지들이 중구난방으로 나열되어 있고, + 버튼을 눌러 쪽지를 추가하면 랜덤한 위치에.. 더보기
node.js express | 템플릿(ejs) 지난 스토리에서는 Node.js 에서 동적웹페이지를 만드는 기초 부분에 대해 알아보았는데요. 사실 이 방법은 Node.js의 편의성을 충분히 발휘한 방법은 아닙니다. Node.js 에는 템플릿이라는 멋진 기능이 있거든요 :) https://itadventure.tistory.com/436 node.js express | 동적 웹페이지 BASIC 지난 스토리에서는 node.js 를 이용하여 정적인 웹사이트를 구현하는 방법을 살펴보았는데요. https://itadventure.tistory.com/435 node.js with express 프레임워크 | 정적 웹사이트 만들기 지난 스토리에서는.. itadventure.tistory.com 템플릿이란? 템플릿은 특정 모양을 만들기 위해 사전에 준비된 틀을 의.. 더보기