【Nuxt.js】Nuxt 실천편:빵 쓰레기 리스트를 만들자

🎈 이 기사는 WP 전용입니다
htps //wp. 메 / pc9 HC-S8

전치





이번에는 빵 부스러기 목록을 만듭니다 🍞
매우 간단하게,
구성 요소 작성 팁
쉽게 이해할 수 있으므로
꼭 해보세요 ✨💪

구성



원자 디자인



⬇️ 원자 디자인과
나누는 방법에 대해서는 이쪽

그 밖에도 몇 가지 쓰고 있기 때문에
블로그에서 검색해보세요 🔍

빵 부스러기 목록은 내비게이션의 역할이기 때문에
templates에 넣어요🎈🧸

또한 빵 쓰레기 목록은
헤더에 넣거나하는 것이 기본이지만,
이번에는 표시 할 수 있으면 좋기 때문에
index.vue에서 import받으면 OK입니다 🙆‍♀️

파일
components/
--| templates/
----| navs
------| NavBread.vue

pages/
--| index.vue

사용하는 것



CSS



NavBread.vue
fontsize: 12px;
color: rgba(0, 134, 231, 0.8);

padding은 대체로 좋다 💡

⬇️ 옆은 Flexbox로합시다!
【Nuxt.js】Nuxt 실천편:Flexbox를 사용하자!

template



ABOUT 페이지가 열린 상태에서,
TOP에 링크해주세요🌟

또한 이미지는 SVG를 사용합시다!
할 수 있는 분은 SVG 컴포넌트를 작성합시다 🧙‍♀️
htps // 이콘몬 str. 이 m/아로 w-25-svg/

Let's try!



우선은 대답을 보지 않고 해 봅시다♪

대답



🎈 자세한 내용은 WP에서 확인하세요 👀
htps //wp. 메 / pc9 HC-S8

좋은 웹페이지 즐겨찾기