실제 개발할 때 제일 많이 쓰이는 부분 📌 함수 함수형 언어의 특징? 함수랑 클래스를 동급으로 취급함 함수 안에 함수 가능 1. 선언문 function function square(n){ return n*n; } return이 생략되면 undefined! Hoisting 적용 자바 클래스에서 함수 선언할때 위에 있는 애가 밑에 있는 함수 불러쓸 수 있는 거랑 똑같음 Hoisting? 함수의 '선언'을 스코프의 제일 앞으로 끌어 올리는 동작 var, function 키워드 console.log(cat); // undefined var cat = 'cat'; var cat = 'new cat'; console.log(cat); // new cat console.log(hello()); // Hello fun..
2022.12.16 - [JavaScript] - 1. 결제 api - 토스(tosspayments) 가상계좌, 일반결제 등 1. 결제 api - 토스(tosspayments) 가상계좌, 일반결제 등 jsp 쇼핑몰 과제를 하던 중 결제 api를 찾아보다가 두가지를 발견했다. 토스 결제 api https://docs.tosspayments.com/guides/overview 카카오페이 api 먼저 토스 결제에 대해 작성해보겠다. 신용/체크 카드 1. SDK wonny.kim 이번 게시글에서는 아임포트를 이용해 카카오페이를 구현해보겠다! 1. 먼저 아임포트에 회원가입을 해야한다. https://www.iamport.kr/ 온라인 비즈니스의 모든 결제를 한곳에서, 아임포트 결제의 시작부터 비즈니스의 성장까지 ..
jsp 쇼핑몰 과제를 하던 중 결제 api를 찾아보다가 두가지를 발견했다. 토스 결제 api https://docs.tosspayments.com/guides/overview 카카오페이 api 먼저 토스 결제에 대해 작성해보겠다. 신용/체크 카드 1. SDK를 준비한다. 2. 결제창 띄우기 tossPayments.requestPayment('카드', { // 결제 수단 파라미터 // 결제 정보 파라미터 amount: 15000, orderId: 'TxpT2fUjl8FrkJR1SKjNJ', orderName: '토스 티셔츠 외 2건', customerName: '박토스', successUrl: 'http://localhost:8080/success', failUrl: 'http://localhost:808..
📌 Slot slot은 부모 컴포넌트에서 자식 컴포넌트의 엘리먼트를 지정할때 사용 부모에 따라서 자식의 컴포넌트에 영향을 받을 테니, 컴포넌트 재사용성면에서 좋은 장점을 가짐 태그 사용 {{header}} {{header}} {{header}} 📌 Named Slot 지정 슬롯 {{header}} {{header}} 👉 주의 {{header}} {{titl}} {{author}} component가 끝나기 전에 authorLabel, titleLabel이 출력되어야 하므로 ⇒ template 태그 쓰면 사용 가능 ⭐ (밑 목록 Slot에 기록) ⇒ 아무 값도 출력 되지 않음 component의 props에는 title, author만 존재 {{header}} {{titleLabel}} {{authorLa..
📌 Props 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할때 사용되어지는 단방향 데이터 전달 방식 하위 컴포넌트에서는 props 옵션을 사용해 수신할 props를 명시적으로 선언해야 함 # 하위 컴포넌트 js Vue.component('child', { // props 정의 props: ['message'], // 데이터와 마찬가지로 prop은 템플릿 내부에서 사용할 수 있으며 // vm의 this.message로 사용할 수 있습니다. template: '{{ message }}' }) # 상위 컴포넌트 html template
📌 Components 기본 HTML 엘리먼트를 확장하여 재사용가능한 코드를 캡슐화하는 데 도움이 됨 각각의 컴포넌트 간 데이터 이동은 단방향만 가능 가져올 때는 부모 컴포넌트에 props로 변수에 값을 넣어주면 자식이 읽어올 수 있음 📌 전역 컴포넌트 뷰로 접근 가능한 모든 범위에서 사용 가능 뷰 라이브러리 로딩하고 나면 접근 가능한 Vue 변수를 이용하여 등록함 vue가 만들어지기 전에 미리 만들어 둬야함 Vue.component('컴포넌트 이름', '옵션') 📌 지역 컴포넌트 특정 인스턴스에서만 유효 범위를 가짐 my-componet 와 myComponent 는 똑같은 걸로 인식 Vue3 에서는 component 부를 때 단일 태그로 가능했는데 Vue2 는 단일 태그로 하니까 오류났음 const c..
