• 목록
  • 아래로
  • 위로
  • 0
  • YGL
  • 조회 수 43

안녕하세요.

 

Node.js를 이용한 홈페이지 만들기 강좌를 올려보려고 합니다.

 

글재주가 없어 이상한 내용이 있을 수 있습니다.

댓글로 일침 날려주시면 수정하고 반성하겠습니다.

 

 

[머리글쓸데없는 말

XE, 그누보드 등 오픈소스를 이용하여 홈페이지를 만들어보신 경험은 많이들 있으실겁니다.

간단한 검색만으로도 홈페이지 구축이 가능하고,

손쉽게 애드온, 모듈, 플러그인, 레이아웃을 설치할 수 있어 개발지식이 없는 분도 손쉽게 설치가 가능하니까요.

 

그렇다보니 게시판? 회원? 이러한 기능들이 너무나 기본적이고 쉽게만 보여질 수 있습니다.

 

이 강좌는 그러한 게시판과 회원 등의 기능을 직접 구현해보는 강좌입니다.

회원, 게시판이 어떻게 동작하는가에 대해 이해하고 어떤식으로 연결이 되는지 알아보는 시간이 될 것 같습니다.

 

스포어 회원님들은 PHP 개발자분들이 많으신 것 같으나(그냥 제 추측..)

그냥 재미로, 혹은 정말 게시판과 회원 기능이 어떻게 작동하는가에 대한 궁금증이 있으신 분들도 보시면 좋을 것 같습니다.

 

이 강좌에서 만드는 내용은 고급 개발자가 아닌 아마추어의 소스로, 실 운영 용도로는 부적합 할 수 있습니다.

 

 

 

[구상]

0. 심플하면서도 화려하고 대중적이지만 유니크하며 쉽게 만들 수 있지만 다양한 기능이 들어가야 함

1. 홈페이지에 필요한 데이터를 관리할 API 서버를 구축. (express를 이용해 mysql과 소통)

2. 사용자에게 보여질 프론트엔드 홈페이지 구축 (vue.js를 사용)

 

 

1번은 백엔드, 2번은 프론트엔드 입니다.

크게 두 개의 디렉토리로 백과 프론트를 나누어 작업할 예정입니다.

 

 

 

[설치]

자, 이제 시작해봅시다.

첨부된 링크를 차근차근 설치하시면 됩니다.

 

1. 강좌 작성 중 이용할 에디터는 vscode입니다.

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and...

따로 명령 프롬프트를 이용하실 분들은 굳이 설치를 안하셔도 됩니다.

VS Code 쓰시는게 편하실껄요..

 

2. 우리는 node를 사용하여 홈페이지를 만들겁니다.

Node.js® is a JavaScript runtime built on Chrome´s V8 JavaScript engine.

글 작성 시점인 2020.09.10 기준으로 14.10.0 버전까지 나왔지만, 12.18.3 버전이 안정적이고 신뢰도가 높다고 하니 12.18.3 버전으로 설치하겠습니다.

 

3. 우리는 데이터베이스가 필요합니다. (mysql/mariadb)

  1) 컴퓨터에 APM이 설치가 되어있다면 설치되어 있는 mysql을 사용하셔도 됩니다.

  2) 이용중이신 호스팅이 있고, 호스팅이 데이터베이스를 지원한다면 그 데이터베이스를 사용하셔도 됩니다.

    - 단, 로컬에서 작업할 것이기 때문에 외부에서 접근이 가능한지 확인하셔야 합니다.

  3) mysql만을 직접 설치하시는 것도 좋습니다.

    - 솔직히 윈도우에서 mysql을 설치해본 적은 없습니다만, 구글 선생님께서 답을 알려주실겁니다. 늘 그랬듯이..

 

저는 이용중인 호스팅의 데이터베이스를 사용하겠습니다.

 

 

 

자, 준비가 끝났습니다.

간단하죠?

우리는 벌써 반이나 해냈습니다. 시작이 반이랬습니다

 

다음편부터 본격적인 환경 세팅을 시작해보도록 하겠습니다.

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [해결완료] 2020년 09월 25일 20시 30분경 접속 문제 3 슬레이브 슬레이브 1일 전21:38 78
공지 워드프레스 사용자의 각별한 주의가 필요합니다. 7 슬레이브 슬레이브 5일 전11:20 99
공지 Study For Us 호스팅 홈페이지 리뉴얼 안내 16 슬레이브 슬레이브 20.09.02.01:35 486
공지 출석부 모듈에 오류가 있습니다. 5 슬레이브 슬레이브 20.07.13.14:14 1557
248 28. 탈리도마이드츄 image 허니버터라이츄 title: 인스타그램허니버터라이.. 20.09.20.02:37 16
[Node.js로 홈페이지 만들기] 준비 YGL 20.09.10.23:11 43
246 [번외편 - 한컴한글] 스마트한 문서 작성을 위한 팁 (작성 중) 이니스프리 이니스프리 20.08.08.13:50 119
245 27. 멘델의 유전법칙이였츄 (부제: 파란 장미는 어떻게 교배해야 나오나요) 1 image 허니버터라이츄 title: 인스타그램허니버터라이.. 20.05.31.03:29 12065
244 26. Next generation sequencing이었츄 2 image 허니버터라이츄 title: 인스타그램허니버터라이.. 20.05.17.02:01 259
243 [Requests-HTML] Requests와 비교할 때의 장점! (네이버 뉴스 등 크롤링) 7 image 이니스프리 이니스프리 20.05.14.19:08 508
242 [생화학] 세포호흡 Part I (에너지 투자기) 1 image sweetenpotato sweetenpotato 20.04.10.01:24 383
241 ['Till Shutter Die] Chapter I. 카메라의 종류 12 image 협스 title: 포토샵협스 20.04.02.11:22 315
240 [샷투샷] 오티 2 image 협스 title: 포토샵협스 20.04.01.16:04 307
239 [XE] 관리자 권한을 보유한 경우에만 애드온 작동하도록 하기 2 네모 네모 20.03.23.16:08 451
238 [XE] 회원가입 시 사용자 IP를 설명란에 기록하기 2 네모 네모 20.03.23.16:08 342
237 [mod_rewrite] Apache2 의 mod_rewrite 사용 시 index~ 만 Rewrite가 되지 않을 경우 네모 네모 20.03.23.16:07 306
236 [jQuery] jQuery로 Checkbox 제어하기 네모 네모 20.03.23.16:06 328
235 22. [OpenPyXL] 엑셀 문서 저장하기 / 시트 추가하기 / 셀에 입력하기 14 image 이니스프리 이니스프리 20.02.02.00:46 1228
234 21. [OpenPyXL] 엑셀 문서를 열고 시트에서 셀의 값을 얻기 3 image 이니스프리 이니스프리 20.02.01.23:46 633
233 특별편-보건용 마스크란 2 image 허니버터라이츄 title: 인스타그램허니버터라이.. 20.01.30.00:14 742
232 [Java] 아무튼 대충 알아보는 NPE 예방법! 네모 네모 20.01.21.11:50 515
231 [BeautifulSoup] 자식태그를 제거하기 - .decompose() & .extract() 10 image 이니스프리 이니스프리 20.01.16.00:07 1426
230 25. GHS였츄 3 image 허니버터라이츄 title: 인스타그램허니버터라이.. 20.01.15.02:02 555
229 [python-telegram-bot] 4096자 글자수 제한을 우회하는 방법 image 이니스프리 이니스프리 20.01.12.11:25 585