본문 바로가기

JavaScript

node / express 공부기.

 

"뭘 해야할까?"

"보편적인 express 구조부터 파악해야겠다."

검색 키워드: "best express portfolio" / "best node api portfolio"

=> https://www.tutorialspoint.com/expressjs/expressjs_best_practices.htm

들어가니 대중적인 구조가 떡하니 있었다.

mvc 패턴의 구조
api용 구조

흠. 잘모르겠다.

"실제 예제 코드를 보면서 코드부터 익숙해져야겠다."

https://thinkster.io/tutorials/fullstack

 

Mastering Fullstack Development: Learn How to Build Modern Web Apps - Thinkster

Learn how to build a real world fullstack app with your choice of React or Angular on top of Node, Django, or Rails.

thinkster.io

이 코드 부터 차근차근 봐볼 생각이다.

내가 좋아하는 'medium' 사이트 클론 이라서 흥미도도 높다. !

여기 나온 부분부터 마스터하는게 중요하다. 하나하나 괜찮은 내용들 마스터하면서 넘어가다보면 언젠가 되겠지.

 

웹 인증에 대한 설명 한번 보고가자.

https://velog.io/@ground4ekd/web-authentication

 

'thinkster' 강의 코드를 외워버릴 계획이다. 일단 외우고 원리 파악한다. 그래야 더 원리가 잘 받아들여지니깐 !

=> 외우기 직전까지 이 코드에 익숙해졌다.

지금까지 공부한 express를 정리하고 프론트로 넘어가자.

https://makeandwrite.tistory.com/67

정리만 한다는게 왠지 더 힘들다. api 만들면서 정리해려한다.

만들건 내가 글쓰기를 좋아하기때문에 '브런치' 서비스를 따라해보려한다. 일단 백엔드쪽만.

여기서 중요한 것은 ! 어차피 혼자 무에서 유를 창조할 능력은 안되기 때문에 인터넷에 있는 코드들을 엄청~ 참고하게 될텐데 그것들을 배껴서 쓰지만 말고 그것들을 정말로 이해할수있도록 해야하는 것이다.

+ 코드는 배끼더라도 기능 하나하나의 알고리즘은 내가 짜보려고 노력해야한다. 기능들의 논리는 내가 짠다.

브런치는 개발자들이 흔히 말하는 게시판이랑 다를게 없다. 작가 권한을 주느냐 안주느냐 차이일뿐이다.

"뭐부터 하지?"

데이터구조부터 짜야지?

--- 데이터 구조 ---

기능은?

회원 CRUD : 회원가입(salting, hashing), 로그인(권한부여- jwt, passport), 로그아웃, 프로필 수정, 회원 탈퇴,  

글 CRUD : 권한확인, 데이터 validation 

댓글 CRUD : 권한확인, 데이터 validation + 대댓글

팔로우 list

좋아요 list

게시판을 만듦으로써 배울수 있는 것들

- 패스워드 보안 salting, hashing

- jwt

- 로그인 passport

- 사용자 권한 관리

- 데이터 쿼리 / mongoDB, mongoose

- postman 이용하면서 request에 관한 것들.

- async와 await에 익숙해질수 있다.

 

 

구조 짜보고 이 사이트랑 비교해보자.

--site

 

 


아직도 작성중.

도움받은 https://velopert.com/node-js-tutorials 

 


찾아서 정리할 것들

-%in: [article._id] loop돌리는건데 자세히 찾아보아요.

User.count({favorites: {%in: [article._id]}}

 

- promise 다시 공부하셔요 다 까먹었네.

Promise.all([ req.payload ? User.findById(req.payload.id) : null, req.article.populate('author').execPopulate() ]).then(function(results){ var user = results[0];

 


front를 뭘로 할지요? 

바닐라 js? react? 

https://github.com/gothinkster/web-components-realworld-example-app

'JavaScript' 카테고리의 다른 글

Hooks code example [React]  (0) 2020.07.27
Component keywords [React]  (0) 2020.07.27
JS 배열 정리하고 가기.  (0) 2020.04.24
JS 문자열 메서드 훑고 가기.  (0) 2020.04.24
You Don't Know Node / translate  (0) 2020.04.22