Vue.js + Node.js + AWS 를 써보자(구글링)

Angular , React  다들 그렇게 많이 쓴다던데 

나에겐 왜이렇게 어려운지 ㅠㅠ. 

도무지 머가 그렇게 쉽고 유지보수가 편한건지 도통 감이안온다. 

난 여전히 서버사이드에서  동적으로 페이지를 만들어내는  php, jstl ,asp  가 쉽고 

유사하게 동작하는 ejs 까지가 한계인거 같다는 생각이였다. 

하지만 직원 중에 레거시 코드에  vue 를 적용해서  jquery 로 동작하던 코드를  보다 조금 간결하고 데이터 재사용이 가능한 부분을
실증해주어 다시 vue.js 를 보게하는 계기가 마련되었다. 

언제나 그랬듯이,  일단 책 구입  "Do it Vue.js 입문"  

첫째마당(대략 120페이지)까지는 순조롭게 크게 어려움을 느끼지 않고 진행할 수 있었다. 

하지만 ES6, babel, webpack 은 나에겐 너무 낯설다 

음 이제 실전에 적용해볼까? 

막막하다...  Orz....

이제 부터는 구글링 시작! 

* 기본 개념 잡기
https://wikidocs.net/17701

: 위키문서로 설명 잘 되어있음.   만든 사람은 Evan You 인데  애초에 angular 에서 종아했던 부분을 뽑아내서 가볍게 만들고 싶다는게 Vue.js 의 시작이였다고 한다.  하지만 닮아있기로는 react 와 많이 닮아있다고 한다. 

인터뷰한 글 링크 

MVVM 에 대한 설명도 잘 되어있음

* 백엔드 개발자를 꿈꾸는 학생개발자에게
https://d2.naver.com/news/3435170  
:  vue.js 검색하다 말고 갑자기 삼천포로 빠지긴했지만 글 내용에 엄청난 내공이 느껴진다. 대단대단! 나중에 다시 차분히 읽어봐야겠다. 

* Vue를 이용한 인증 처리 
http://blog.jeonghwan.net/2018/03/26/vue-authentication.html
: node express 와 연계해서 토큰을 통해 인증을 처리하는 내용이 자세히 설명되어있다. 

* Express 서버에서 JWT 기반 회원인증
https://velopert.com/2448

: 위 Vue 인증 관련해서 nodejs 쪽 코드 관련으로 자세히 나와있고 , 나머지 글도 다들 볼만하고 youtube 도 하시고 
https://velog.io 라는 개발자 전용 블로그 플래폼도 런칭하신 대단하신분.  
젤 궁금한  론트 쪽 테스트 쪽 관련으로 글이 있어서 읽어봐야겠다. 

* Vue.js 경험 후기 
http://tech.javacafe.io/2017/11/14/Vuejs-%EA%B2%BD%ED%97%98-%ED%9B%84%EA%B8%B0-%EA%B3%B5%EC%9C%A0/

: 글도 쉽고 공감도 많이 가는 글이였다. 

* Node.js 로 TDD 도전

https://seokjun.kim/node-js-tdd/

: 이분도 대단,  생각을 정리하고 그걸 전달하려면 이 분 처럼 쓸수 있으면 좋을것 같다.   이분의 다른글인 "Docker 로 Node.js 배포하기" 글 읽다가 읽게 되었다. 

* IE 에서 Vue.js 사용하기 

https://lovemewithoutall.github.io/it/vue-ie-support-with-es6-promise/

:  구형 IE 에서 발생하는 문제를 어떻게 해결하는지 설명하고 있다. 

* Vue.js 적용기 

https://www.slideshare.net/ssuserd3aacb/vue-js-79169830

: 일단 따라해봤는데 

진짜 이렇게 명령날리고 

#> vue init webpack my-project 

#> npm run dev 라고만 쳤는데 

브라우져가 뿅! 오~~ 신기 방기하다. 

* Route53+ CloudFront + EC2(Node.js) + ELB + S3 조합 관련 참고 링크 

https://www.slideshare.net/awskorea/creating-aws-based-web-applications-with-one-frontend-developer-parkchanmin
https://www.youtube.com/watch?v=D6qB7MEFOe0

https://www.slideshare.net/awskorea/route53-cloudfront-cdn-gsneotek

https://junojunho.com/front-end/aws-nginx-express

AWS - Beanstalk - Node.js - proxy 서버 사용하면서 static file 사용하기.

Good practices for high-performance and scalable Node.js applications