[Library & FrameWork] node.js / vue.js / express.js / django STUDY 그리고 잡설(라이브러리와 프레임워크 차이점도 포함)

study alone .. And 내 공부 상태를 git 공유로 점검해주시려는 사수님..! 열심히 보이겠습니다...!!

 

https://youtube.com/playlist?list=PLfLgtT94nNq1qmsvIii_CAxFlD7tvB5NE 

2시간만에 웹서버 쉽게 개발하기 (Node.js + MongoDB)

코딩애플의 Node.js + mongoDB 유튭 강의 보면서 공부중인데, 사수님께서 내게 주신 to do를 보니 vue와 express, django도 있다.

음..... 일단 node 빠르게 끝내고 넘어가겠습니다..!!

 

노마드 코더님의 영상은 보는 재미와 지식을 잘 전달해준다.

아래 더보기 내용은 제가 간략히 보기 위해 적은 것이지만, 속 시원한 설명을 듣고 싶다면 꼭 영상 보세요.

 - 라이브러리와 프레임워크의 차이점 (더보기) -

라이브러리와 프레임워크의 차이점. 노마트 코더의 설명.

우리의 코딩 삶을 윤택하게 가져다 쓰는거.

누가? 누구를? 컨트롤하나? 이게 가장 큰 차이점이다.
1. 내가 코드를 컨트롤하는건가? 모든 결정을 다 내리고?
2. 누군가 정해준 규칙을 따라서 작성하고 있는가?

라이브러리의 가장 좋은 예시는 JQuery이다.
라이브러리는 내가 필요로 할 때 사용하는 것으로, 원한다면 다른 라이브러리로 쉽게 교체할 수 있다.
교체한다고 해서 프로젝트가 망가지거나 그렇지 않기 때문에 문제가 없다.
시간 절약하기 위해 사용하는 것이 라이브러리이기 때문.

프레임워크는 다르다. 프레임워크는 내가 부르는게 아니라 프레임워크가 나를 부른다.
프레임워크는 내가 규칙을 결정하는 입장이 아니라 프레임워크가 어디에 코드를 넣어야하는지 등의 규칙을 알려준다. 어디에 템플릿, 컨트롤러, 뷰를 넣는지 규칙을 따라간다.
가장 좋은 프레임워크로는 django를 들 수 있다.

I call 'Library', 'Framework' call I.

(위 문장에서 문법 따위(...)는 신경쓰지 않고 들리는대로 적었으니 태클은 놉.)

 

 

근데 express가 뭔지 모르겠다. 코딩애플님이 설치하라고 하니 설치중인데, 모르겠는건 또 파고드는 내 성격상 또... 공부하러 떠나고 있다.

https://developer.mozilla.org/ko/docs/Learn/Server-side/Express_Nodejs/Introduction

Express/Node 소개 - Web 개발 학습하기 | MDN

공부하려고 하니 미리 알고 와야할 것에 아래의 링크가 추가되었다.

Express/Node 소개 - Web 개발 학습하기의 선행 지식글들만 아래에 링크.

1. 인터넷은 어떻게 동작하는가?

2. 웹의 동작 방식 - 내가 여태 공부하던 SSL과 연관있다..!

3. 웹페이지, 웹사이트, 웹서버 그리고 검색엔진의 차이는 무엇일까요?

4. 웹 서버란 무엇일까?

5. 웹사이트를 만들기 위해서는 어떤 소프트웨어가 필요한가?

6. 어떻게 웹 서버에 파일을 업로드 하는가?

7. 도메인은 어떤 식으로 작동하는가? (What is a domain name?)

8. 어떻게 기본 환경을 구성하는지? - 로컬 테스트 서버 설치하기(How do you set up a local testing server?) 서버측 언어를 로컬에서 실행하는 방법 Node.js (JavaScript)라는 서버측 코드를 실행하기 위해서는 기본 node(raw node)나 그 위에 설치되는 프레임워크를 이용해야 합니다. Express가 좋은 선택이될 수 있습니다 — Express Web Framework (Node.js/JavaScript)[Express 웹 프레임워크(Node.js/JavaScript 활용)]를 살펴보시기 바랍니다.

위에 있는 글을 다 읽고 나면 아래 선행지식을 읽어야 함.

 

서버 사이드 웹사이트 프로그래밍

Server-side website programming first steps - Web 개발 학습하기 | MDN

1. Introduction to the server side (MDN의 초심자용 서버측 프로그래밍 코스)

2. Client-Server overview(클라이언트 서버 개요)

3. Server-sied web frameworks - Web 개발 학습하기

4. Website security

 

웹사이트에서 클라이언트와 서버간의 상호작용의 메커니즘에 대한 이해

Client-Server overview - Web 개발 학습하기 | MDN

위 글들도 선행되어야할 지식을 계속 가리킨다.

 

---

 

2021.08.30.

 

계속 선행 글들을 읽다가 지쳤다. 그래서 다른 글을 읽으러 떠났다가 돌아오지 못한지 어언.. 며칠인지 몇 주인지 모르겠다. 프로젝트 다시 돌입하기 전에 기존 프로젝트를 뜯어보면서 node(express 포함) 공부의 필요성을 느꼈고, package.json에 있는 녀석들을 하나씩 검색하면서 공부를 진행하고 있다.

 

그냥 node 강좌를 보다보면 crypto를 설치하라고 나오는데 이건 찾아서 읽다보니 어렵고, 비슷한 bcrypt가 무엇인지 알아볼 필요성을 느끼게 되어 찾게된 글.

 

게시판 - 계정 비밀번호 암호화(bcrypt)

Node JS 첫걸음/게시판 만들기: 게시판 - 계정 비밀번호 암호화(bcrypt) - A MEAN Blog

위 글을 읽기 전에 hash에 대한 이해가 부족하다면 아래 글을 먼저 읽을 것.

토막글: Hash - A MEAN Blog