22_03_22_Tue.md

[22.03.22.Tue] - Day 26

Vue.js

• 웹 어플리케이션 UI 패턴 실습 (Vue + Bootstrap)
  • List to Detail Pattern
    • 조회 조건
    • CRU

[Note]

• query => URL에 노출되는 GET 방식
  • 북마크나 상품 상세 정보 볼 때는 GET 권장 (보안상 크게 위배 안되는 컨텐츠)
  • this.$router.push({ path: '/template/detail', query: { id } })
  • id 값 상세 화면 페이지에서 받으면 created() 시점에서 assign
  • mounted()는 우선 렌더링 이후 특정 데이터에 따라 다른 것 보여줄 때 활용
• params => POST 방식
  • this.$router.push({ name: 'DetailView', params: { id } })
• vue-sweetalert2
• vue-loading-overlay

Source Code