20240313] Vue.. 그게 뭔데요.. 일단 해보자!

내가 백엔드 개발자다, 프론트엔드 1도 몰?루 일 때 참고가 되는 글 입니다.

오늘 할 일!

Vue3/Node 20.11.1 버전의 템플릿 찾아보기 (유료도 적당한 가격 있는지 확인)

• https://vuejs.org/ecosystem/themes (뷰 테마/ 여기서 필요한 것만 가져다가 프랑켄슈타인 하는 것도 나쁘지는 않아 보인다.)
• https://javapp.tistory.com/316(쇼핑몰 만들기 1년 전 코드 있음)
• https://javapp.tistory.com/320 (위 내용 이어서 오류 수정ver)
• https://www.creative-tim.com/templates/vuejs?direction=asc&sort=price(유료 / 50달러가 최소)
• https://inpa.tistory.com/entry/BootStrap5-%F0%9F%93%9A-%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9-%ED%85%9C%ED%94%8C%EB%A6%BF-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%A0%95%EB%A6%AC#%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%ED%85%9C%ED%94%8C%EB%A6%BF_%EC%82%AC%EC%9D%B4%ED%8A%B8_%EB%AA%A8%EC%9D%8C (부트스트랩이 뭐야... 암튼 여기 뭐 많긴 한데 이건 못 줍나...?)

nvm 사용 해서 다운그레이드 방법 찾기

• https://inpa.tistory.com/entry/NODE-%F0%9F%93%9A-NVM-%EB%AA%A8%EB%93%88-%EC%82%AC%EC%9A%A9%EB%B2%95-%EB%85%B8%EB%93%9C-%EB%B2%84%EC%A0%84-%EA%B4%80%EB%A6%AC(노드 버전 매니저 사용 방법)

아무것도 모르겠으니까 일단 그냥 만들어보자!

오 열린다!

포트를 3000으로 바꾸는 방법

vue.config.js에서   transpileDependencies: true 뒤에 아래 코드를 붙여 넣으면 끝!

,
devServer:{
  port: 3000
}

포트를 바꿨다! 기본은 8080이었다.

READ.ME는 백엔드 프로젝트에 있으므로 제거 했다.

 

포폴용 사이트 정리 잘 되어 있네 멋지당

 

오늘의 기록보드!

참고 링크 정리

• https://okky.kr/questions/924287 (이건 날 위한 설명! 노드가 뭐고 뷰가 뭔뎅..)
• https://4sii.tistory.com/57 (세팅)
• https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-KR.md(Vue 관련 규칙)
  https://velog.io/@seulgea/Vue-Vue.js-%EC%99%84%EB%B2%BD-%EA%B0%80%EC%9D%B4%EB%93%9C( Vue 설명)
• https://junuuu.tistory.com/707 (인텔리제이에서 Vue 시작하기)
  https://ordinary-code.tistory.com/9(여기 툴 정보 유익해보임)
• https://webstoryboy.co.kr/1944(셋팅~마무리)
• https://webstoryboy.co.kr/category/Tutorial/port2023 (모아보기)

이메일 인증 관련 팀원들이 고민 한 내용

휘발 방지 자투리 지식! 

1. Index란? 책의 목차 같은 개념.
   데이터 베이스를 조회 할 때 전체 중 목차를 정리해서 알려주고 여기서부터 찾아~ 요청 하는 것.
   스무고개를 떠올리면 더 이해 하기 좋다. 찾을 항목을 정리해서 데이터를 찾을 수 있게 함.
   데이터를 쪼개서 찾는 개념이라고 생각 하면 된다. 그래서 데이터가 정렬이 되어 있어야 사용 가능하다.
   성능이 좋아짐. 전체에서 조회하는 것 보다 찾을 부분을 알려주어서 성능 개선에 도움이 됨.
2. 코루틴은?
    서브 루틴을 일시 정지하고 재개할 수 있는 구성 요소를 말한다.
   쉽게 말해 필요에 따라 일시 정지할 수 있는 함수를 말한다.