전체 글 (105) 썸네일형 리스트형 청주 대형 카페 트리브링 / 식물원 느낌의 인스타에서 자주 본 그곳..!! 외관~ 주차장도 넓고 크다! 들어오자마자 신기해서 감탄했다 ㅎㅎㅎ 크고 사람많고 예쁘다 진짜 잘해놨다!! 인스타에서 보던 대형카페 그대루다!!! 야외도 있었지만 더워서 패스 야외까지 사람이 꽉꽉 찼다 빵사진 ㅎㅎ 사진이 잘 나온다 2층사진.. 2층 중간에서 사진 많이 찍더라 예쁘다!! 우리가 먹운거!! 음료수는 기대이하 실망이었고 빵이 많있었다 특히 크로플이 진짜 맛있었다. 대형카페들은 하나같이 빵은 맛있고 음료는 노맛인듯(비싸긴 또 엄청 비싸유) 사람이 진짜 많아서 자리가 많음에도 불구하고 앉을 곳 찾는데 한참 서성였다... 결국 불편한 자리 하나 겟 ㅎㅎ 이색 카페로 놀러오긴 좋지만 시끄러워서 크게 말하느라 목이 아팠다.. 주말은 힘들다 ㅎㅎ 그래도 카페 자체가 너무 예뻐서 일부러 대형카페 예쁜카페로.. [창업, 스마트스토어] 통신판매업 신고 방법! 처음부터 끝까지! 통신 판매업 신고는 광고물, 통신 매체 등을 통해서 소비자와 직접 상거래 하는 경우 꼭 신고해야 합니다. 하나씩 따라해봅시다! 1. 정부24에 접속합니다. https://www.gov.kr/portal/main 정부서비스 | 정부24 정부의 서비스, 민원, 정책·정보를 통합·제공하는 대한민국 정부 대표포털 www.gov.kr 2. 메인 화면 자추찾는 서비스 2페이지 통신판매업신고에 들어갑니다. 링크 https://www.gov.kr/mw/AA020InfoCappView.do?HighCtgCD=A09006&CappBizCD=11300000006&tp_seq=01 통신판매업신고 | 민원안내 및 신청 | 민원24 | 정부24 접속량이 많아 접속이 불가능합니다. 잠시 후 다시 접속해주세요 www.gov.kr 3.. [Vue] v-if 와 v-show 차이점 v-if: 조건을 만족하지 못하는 요소는 dom레벨에서 제거됨. 자주 변경되지 않는 경우에 v-if를 사용하는게 좋다. v-show: 조건을 만족하지 못하는 요소는 display:none; 스타일이 적용됨. 스타일만 변경됐을 뿐 눈에보이지 않더라도 항상 렌더링되고 dom에 남아 있다. 조건에 따라 자주 변경되는 버튼 같은 경우에는 v-show를 사용하는게 좋다. 태그에 v-if 가능 , v-show 불가능 [Vuex] Vuex actions란? actions 이해하고 사용하기 actions란? - 비동기 처리 로직을 선언하는 메서드 - 데이터 요청, Promise, ES6 async과 같은 비동기 처리는 모두 actions에 선언 mutations에는 동기적인 메소드를 넣고 actions에 비동기 메서드를 넣는다. 뮤테이션은 commmit api를 호출해서 실행, 액션은 dispatch api를 호출해서 실행시킨다. //store.js state: { num: 10 }, mutations: { doubleNumber(state) { state.num *2; } }, actions: { delay(context) { //actions의 첫번째 인자 context // actions에서 mutations을 접근 할 수 있다. // actions에서 mutations에 접근하는 경.. [IT 도서] 고양이도 할 수 있는 Vue.js 뷰를 처음 공부하는 사람도 보기 좋을 것 같다. 그림과 함께 원리를 설명해줘서 좋다. 일단 제목이 넘 귀여워... 뷰를 이미 사용하고 있는 입장에서 하루 날잡고 보니까 하루만에 거의 다 훑을 수 있었다. 놓치고 있거나 잘 모르고 사용하던 개념들을 책을 보면서 다시 노션에 정리해보니 이해가 되는거 같다. 그림들이 이해가 잘 되게 나와있음. 화면을 렌더링하는 구조 자체는 dom이 아니라 자바스크립트 데이터라는 것입니다. DOM이 먼저 존재하고, 이것을 읽어 들인 후에 조작하는 것이 아니라 데이터가 먼저 존재하고 이 데이터를 기반으로 적절한 DOM을 구축한다는 것입니다. 데이터의 상태에 따라 렌더링이 변경되며, 때에 따라서는 자동으로 액션을 일으키기도 합니다. 이처럼 데이터를 중심으로 하는 애플리케이션 설계를.. [Vuex] Vuex mutations란? mutations 이해하고 사용하기 mutations 란? - state의 값을 변경할 수 있는 유일한 방법이자 메서드 (state가 뷰에서 data라면, mutations는 뷰에서 methods와 같은 역할을 한다.) commit() : 뮤테이션을 동작시키는 명령어 [ commit('뮤테이션명', .... ) ] 첫번째 인자는 항상 state, state를 변경하기 위해 다른 인자들을 함께 전달할 수 있다. //store.js state: { num : 10 } mutations: { printNumber(state) { return state.num }, sumNumber(state, num) { return state.num + num }, updateState(state, payload) { return state.num += pa.. [Vuex] Vuex getters란? getters 이해하고 사용하기 getters란? state 값을 접근하는 속성이자, 뷰의 computed()처럼 미리 연산된 값을 접근하는 속성 //store.js state: { num: 10, }, getters: { dobuleNumber(state) { return state.num *2; } } {{ this.$store.getters.doubleNumber }} state: { message: 'hello vue.js!' } {{ this.$store.state.message }} // this.$store.state.message 까지 하면 코드가 많아질수록 번거로울 수 있다. // 헬퍼함수를 쓰게되면 getters로 this.getMeesage 처럼 쉽게 접근 가능하다. [Vue] Vuex state란? state 이해하고 사용하기 state란 여러 컴포넌트 간에 공유할 데이터 뷰의 데이터랑 똑같이 사용하는데, 여러 컴포넌트에 데이터가 공유가 된다는 점이 다르다. //vue data: { message: ‘hello Vue.js’ } //vuex state: { message: ‘hello vue.js!’ } //vue {{ message }} //vuex {{ this.$store.state.message }} 1. 간단한 데이터 사용 store.js에 state코드를 추가한다. Test.vue(실제 사용하는 뷰파일)에서 state를 사용가능하다. 뷰개발자도구에서 확인 가능하다. 2. 배열 사용 store.js state에 배열을 저장한다. TodoList.vue App.vue에서 v-bind:propsdata="todoItems.. 이전 1 2 3 4 5 6 7 8 ··· 14 다음
