search

hunter-hwang-dev / _hunterpedia-vue

React로 마이그레이션 하기 전 Vue.js 테스트 (2024-11-19 현재 사용하지 않음.)
1 stars 0 forks source link

node.js + ejs, <> 투성이 감수할 가치가 있을지? Vue.js 프레임워크 고민 #6

Closed hunter-hwang-dev closed 3 weeks ago

hunter-hwang-dev commented 3 weeks ago

triee 코드 작성하면서, html 대신 ejs 썼다. 딱히 이유는 없고, 웹개발 강의에서 그렇게 예시를 들어서였다. 그런데 #2 에서 <, > 특수문자가 깨지는 것을 겪고 나니 더 큰 <, > 지옥에 빠지기 싫었다. ejs 대체제 없니?

솔직히 변수를 코드 중간에 가져오는 것 말고 해 본 것이 별로 없어서 스스로는 잘 모르겠다. 검색 ㄱㄱ

hunter-hwang-dev commented 3 weeks ago

Image https://choewy.github.io/node.js/6

문체가 되게 ai스럽다. 여튼, 바닐라 html 제하고 둘이 비교하면 pug가 더 가독성 높대.

hunter-hwang-dev commented 3 weeks ago

Image node.js용 3가지 템플릿 엔진으로 검색했더니 흥미로운 글을 찾았다. https://medium.com/@sonky740/ejs-vs-handlebars-vs-pug-jade-1592efedae8c Image

hunter-hwang-dev commented 3 weeks ago

React, VueJS, Angular, Svelte 같은 것들이 프론트엔드 프레임워크라고. 아항~!

hunter-hwang-dev commented 3 weeks ago

https://sprint.codeit.kr/blog/2024%EC%97%90-%EA%B0%80%EC%9E%A5-%ED%95%AB%ED%95%9C-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC-%EC%88%9C%EC%9C%84%EB%8A%94

이 아티클을 읽고, VueJS를 기술 블로그에 적용하기로 했다.

hunter-hwang-dev commented 3 weeks ago

Image 그렇지만 우선 html 코드는 필수라고. 알겠음! 위의 프론트엔드 프레임워크 고민은 참고용으로 두고, 나중에 진짜 필요할 때 새 이슈를 발행하겠다.

hunter-hwang-dev commented 3 weeks ago

아니, 생각해 보니 이 이슈에 온통 템플릿 엔진/프론트엔드 프레임워크 얘기밖에 없잖아? 너가 이름 바꿔라.

hunter-hwang-dev commented 3 weeks ago

우선은 tailwind css를 css 프레임워크로 사용하기로 #15 했다. 거기에다가 html + js를 붙이고 테스트한 다음에! 동적인 기능이 굳이 필요하면, 그때 추가하자. 따라서 vue.js 는 그때까지 고려하지 않는다.