공부/Vue

뷰 메모장

래울 2024. 9. 20. 18:28

뷰 라이프 사이클

https://velog.io/@leeyw2709/Vue-%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%ED%9B%85-created-mounted-%EC%B0%A8%EC%9D%B4

 

Vue 라이프사이클 훅 - created, mounted 차이

Vue 라이프사이클 훅 - created, mounted

velog.io

 

실무 프로젝트에 적용하면 좋을 내용

https://july1012.tistory.com/entry/Vuejs-%EC%8B%A4%EB%AC%B4-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%97%90-%EC%A0%81%EC%9A%A9%ED%95%98%EB%A9%B4-%EC%A2%8B%EC%9D%80-%EB%82%B4%EC%9A%A9-%EC%A0%95%EB%A6%AC

 

Vue.js 실무 프로젝트에 적용하면 좋은 내용 정리

0. Index 프로젝트 생성 및 환경 구성 Router & 컴포넌트 설계 Axios 통신 env 설정 네트워크 에러 처리 Validation 상태 관리와 Store Token을 이용한 API 인증 브라우저 저장소를 이용한 인증 값 관리 API 함수

july1012.tistory.com

 

 

Vue + Bt5

https://bongra.tistory.com/116

 

[Vue] Vue3에서 부트스트랩5를 이용해서 화면을 꾸며보자. ( Bootstrap5 )

Vue를 이용해서 API로 영화목록을 받아오는 게시판을 만들어 보려고 하는데.. 화면에 예뻐야 할 맛이 나지 않겠는가? 근데 나는 CSS나 이런 건 잼병이기 때문에 부트스트랩을 이용해 보려고 한다.

bongra.tistory.com

 

 

Form

https://getbootstrap.kr/docs/5.0/forms/overview/

 

폼

다양한 폼 사용을 위한 폼 컨트롤 스타일, 레이아웃 옵션, 사용자 정의 컴포넌트의 예시와 사용 가이드입니다.

getbootstrap.kr

 

 

API

https://postcode.map.daum.net/guide

 

Daum 우편번호 서비스

우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.

postcode.map.daum.net

 

SweetAlert

https://hello-bryan.tistory.com/562

 

[vue] SweetAlert2 사용하기. (Utils Class 만들어서 사용하기)

설치 npm install sweetalert2 사용 결과는 아래와 같이 나옵니다. Toast.fire({ icon: 'error', title: 'The current password is incorrect' }) 여기에서 icon 에 들어갈 수 있는 것은 아래와 같습니다. 예제 코드 Swal.fire({ tit

hello-bryan.tistory.com