[라온] 홍보 프로젝트 개발 - article 페이지

홍보 사이트 제작 3일차

- 2022.12.21 수

 

[오늘한 것]

- ul 생성 : 컨텐츠와 active 이벤트 

- 클릭 이벤트 : ppt로 이미지 ui 만들기

- api : postman으로 mockserver 만들기

 

 

 

[리팩토링할 것]

- article 나열 height 조절 

>> ul과 li에서 조절이 되지 않음

 

- script setup에서 api 받아오기

 : 아래 코드에서 console창에 article이 출력되는 것까지는 확인함

 <script setup>

  import { ref } from 'vue';

  const active= ref(0);

  // let articles=[];

  // async function getList() {

  //   articles = await this.$api(

  //       "https://317063c7-d634-4287-b420-c464099608f2.mock.pstmn.io/article", "get"

  //     );

  // }

  const articles= await fetch("https://317063c7-d634-4287-b420-c464099608f2.mock.pstmn.io/article").then(res => res.json());

  //[console 확인]  console.dir(articles);

  </script>