vue, react) infomation #2309

# vue stop

 

 @click.prevent.stop="함수명(넘기고싶은값)"

컴포넌트 내에서 값을 불러올 경우에는 매개변수가 필요하지 않다.
상황에 따라서 넣기!

참조: https://engineer-mole.tistory.com/391


@click.prevent : 원래 동작하는 클릭 이벤트 막고 , 지정한 메소드로 이벤트 핸들링 수행 

🙄언제썻을까? -  a태그 안에 특정 태그 클릭시 다른 이벤트를 실행하고 싶을 때 그 태그에 @click.prevent 사용

 

 

728x90

 

# 콘솔창에서 vue 막혔을경우 보고 싶을때

 window.$nuxt.$store.state.modules.app

 

 

# react dom

- 리액트 돔은  = 클라이언트에서 작동하기 위해서 사용 

- 따라서 nextjs13 버전에서 리액트 훅을 사용하기 위해서 파일 상단에 'use client'를 줘야 한다.

 

 

# api

 

파람값 확인 후 요청 보고 리턴값을 확인 후 응답값 보기

 

 

# AJAX 

 

- JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술

 

https://hoon26.tistory.com/13

 

$.ajax({
    /* 요청 시작 부분 */
    url: "api 주소", //주소
    data: { //전송 데이터
        "userId" : 1,
        "id" : 1
    },
    type: "GET", //전송 타입
    async: true, //비동기 여부
    dataType: "TEXT", //응답받을 데이터 타입 (XML,JSON,TEXT,HTML)

    /* 응답 확인 부분 */
    success: function(response) {
        console.log("[response] : " + response);
        console.log("");    				
    },

    /* 에러 확인 부분 */
    error: function(xhr) {
        console.log("[error] : " + xhr);
        console.log("");    				
    },

    /* 완료 확인 부분 */
    complete:function(data,textStatus) {
        console.log("[complete] : " + textStatus);
        console.log("");    				
    }
});

https://kkh0977.tistory.com/870

 

😚post 일경우

https://kkh0977.tistory.com/874 

 

input 값의 데이터를 ajax json 형식으로 전송할때  form을 보면 input이 hidden으로 감추어져 있는 것을 볼 수 있다.

hidden없이 쓸수도 있음.

name이 데이터의 속성(키값)

value가 데이터의 벨류값 이된다.

form은 document의 직계 객체로 설계되어name을 이용하여 자바스크립트에서 form 요소의 객체에 바로 접근이 가능 하다. 

반응형

https://goddino.tistory.com/81