본문 바로가기

Vue.js13

VueJS - 13. Computed VS Watch 아래 글을 따라하며 VueJS에 적응하기 https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90vuejs-computed-vs-watch-%EC%96%B8%EC%A0%9C%EC%8D%A8%EC%95%BC%ED%95%A0%EA%B9%8C-d25316c4ef42 [맨땅에VueJS]Computed VS Watch 언제써야할까? 계산된 속성인 computed와 비슷한 역할을 하는 것이 있습니다. 바로 watch 입니다. VueJS 공식 문서에서 이 둘을 비교한 세션을 따로 정리할 정도로 이 둘은 하는 역할이 비슷합니다. 정확히 이야기하� medium.com 요약 computed: { calculated: function () { if(this.count === 2) .. 2020. 7. 12.
VueJS - 12. 클래스와 스타일 바인딩 아래 글을 따라하며 VueJS에 적응하기 https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90vuejs-%ED%81%B4%EB%9E%98%EC%8A%A4%EC%99%80-%EC%8A%A4%ED%83%80%EC%9D%BC-%EB%B0%94%EC%9D%B8%EB%94%A9-3579817f1dc1 [맨땅에VueJS]클래스와 스타일 바인딩 아래에 준비된 예시를 살펴봅시다. HTML 코드를 보시면, 클랙스가 demo 인 div 태그 3개가 있습니다. 클래스 demo의 스타일은 CSS 탭에서 볼수있듯이 가로세로 100px 짜리 회색 사각형으로 설정해두었습 medium.com 요약 class="demo" @click="attachRed = !attachRed" :clas.. 2020. 7. 12.
VueJS - 11. v-for, 리스트 렌더링 / 반복문 아래 글을 따라하며 VueJS에 적응하기 https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90vuejs-v-for-%EB%A6%AC%EC%8A%A4%ED%8A%B8-%EB%A0%8C%EB%8D%94%EB%A7%81-%EB%B0%98%EB%B3%B5%EB%AC%B8-83501d7a635a [맨땅에VueJS] v-for, 리스트 렌더링 / 반복문 복잡한 웹을 만들다보면 정말 자주 마주치게 되는 상황이 있습니다. 게시판의 게시글 리스트를 보여줘야하는 상황처럼 목록이나 리스트와 같이 비슷한 내용을 반복적으로 보여줘야하는 경우가 medium.com 요약 리스트를 반복적으로 접근 및 렌더링 2020. 7. 12.
VueJS - 10. v-if / v-for vs v-show 아래 글을 따라하며 VueJS에 적응하기 https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90vuejs-%EC%A1%B0%EA%B1%B4%EB%B6%80-%EB%A0%8C%EB%8D%94%EB%A7%81-v-for-v-for-vs-v-show-bbc7744fb512 2020. 7. 12.