언어/Vue.js (2) 썸네일형 리스트형 [Vue.js] 카카오 로그인처리 카카오 앱키 발급받은 이후 vue에서 처리하는 법에대한 설명이다. kakao developers 내에서 앱키를 발급받고 내 애플리케이션 > 제품 설정 > 카카오 로그인 > 동의항목 에서 로그인한 사용자에게 제공받을 정보에 대해 동의 체크를 한다. 내 애플리케이션 > 앱 설정 > 플랫폼 에서 플랫폼을 등록한다. 내 경우엔 web 으로 실행할 예정이라 web 플랫폼을 등록했고, 로컬에서 실행하므로 http://localhost:8080으로 등록했다. index.html 내에 아래 카카오에서 제공하는 Javascript SDK를 등록한다. main.js 파일 내 아래와 같이 카카오에서 발급받은 앱키를 입력해준다. window.Kakao.init("본인 앱키"); 위와같이 vue 코드 작성 후 router를 통.. [Vue.js] 동일 컴포넌트 레벨 간 통신 방법 상위 컴포넌트는 하위 컴포넌트로 props를 전달하고, 하위 컴포넌트에서는 상위 컴포넌트로 이벤트를 올려주는 방식으로 컴포넌트간 통신을 하게 된다. 그럼, 동일 레벨 간 통신을 어떻게 할까 ? 동일 레벨 간 컴포넌트는 두 컴포넌트가 직접 통신하는것이 아니고 하위 컴포넌트에서 상위컴포넌트로 이벤트를 발생시키고, 하위 컴포넌트로 props를 전달하는 방식으로 통신한다. 위 그림 기준으로 -> (이벤트발생) -> -> (props전달) -> 으로 Root를 거쳐서 통신을 하게 된다. 아래 코드를 실행 후 pass 버튼을 클릭해보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3.. 이전 1 다음
