-- 1. nodejs 다운로드 v16.13.1 https://nodejs.org/ko/ -- 2. CMD를 열고 Node.js 기반 vue 프로젝트 생성 프로그램 설치 -- 3. 설치 확인 4.5.15설치됨. -- 프로젝트 생성(node_modules가
홈 로그인 로그아웃 마이페이지 회원가입 우와 같은 코드에
github Desktop에서 File > add local repository > 파일설정을 한 후 주의사항깃허브에 파일을 올릴 때에는 위의 파일을 제외하고 올려야 한다. node modules 파일은꼭 필요한 디렉토리이지만 git에 추가할 필요는 없다.node_mo
인스턴스가 작성된 후 동기적으로 호출됩니다. 이 단계에서 인스턴스는 데이터 처리, 계산된 속성, 메서드, 감시/이벤트 콜백 등과 같은 옵션 처리를 완료합니다. 그러나 마운트가 시작되지 않았으므로 $el 속성을 아직 사용할 수 없습니다.가장 먼저 호출됨. 태그를 생성이
파일에 vue.config.js 파일을 만든다.주의 ! CMD를 다시 실행시켜줄 것
파일명에 대문자가 들어갈 경우 파일이 생성되지 않는다. snake 방식으로 만들자
//라우터 이동경로 확인(이동하는 페이지, 이동전페이지, 다음페이지로 이동)to: 라우트: 대상 Route 객체 로 이동합니다.from: 라우트: 현재 라우트로 오기전 라우트 입니다.next: 함수: 이 함수는 훅을 해결하기 위해 호출 되어야 합니다. 액션은 next에
setup은 ver3.0data ver2.0
template에서 컴포넌트 쓰는 부분에 넘길 데이터 이름을 title과 title2로 정해서 넘기기로 했다. 이는 임의의 이름으로 받는 부분에서 타입 설정과 맞춰주기만 하면 된다. :이 붙어 있는 것과 없는 것의 차이는:이 붙은 부분은 아래에서 변수선언을 해서 그 값
자식 component에서 handleCount 이벤트를 emit을 통해서 받고,Number타입의 title과, String타입의 aaaa를 넘겨주는 컴포넌트를 만들었다.자식 컴포넌트에서 만든 버튼을 클릭하면 부모 컴포넌트의 handleCount 이벤트가 작동하여 1씩
바로 데이터를 상위폴더에 보내야 하는 상황이 생겼다.하위폴더의 state.ID를 상위폴더에 전달해줘야 한다.login 버튼을 클릭했을 때 input된 데이터가 전달되지 않는 모습이다.이를 해결하기 위해서input창에 이벤트를 걸어주고, emit을 하는데 이벤트 뿐만 아
위와 같이 xml에서 JSON으로 변환하는 코드를 작성하면 다음과 같은 에러가 발생한다.response를 response.data로 바꿔주면 해결됨을 확인할 수 있다.
로그아웃을 하면 index를 /로 보내려고 한다.다음과 같이 코드를 작성하면 store에 있는 변수 값을 / 와 false로 바꿨는데도 Home에 클릭효과가 활성화 되어 있지 않다.이를 해결하는 방법은 nextTick안에 넣어주는 것이다. 해당 메서드는 다음 렌더링 사
src폴더 안에 routes폴더 안 index.js 만들기주의할 점은 위에서 import뒤에 오는 변수 명과 routes안 component: 뒤에 올 변수 명이 일치해야 한다.createWebHashHistory()를 하면 URL 앞에 (http://loca
생명주기가 반응하기 위해서는 (F5, refresh가 수행됨)이를 vuex로 다른화면에서 app.vue를 반응시켜서 실시간으로 작동하도록 만든다.\-- store 사용import { createStore } from 'vuex';export default createS
백엔드, 프론트 버젼 맞추기app.js에서 router 등록다음과 같은 코드는 웹이 아니라서 지워도 됨.rest => 데이터 요청 주고 받기socket.io, websocket => 문자나 파일을통신webrtc => 실시간 화상채팅컴포넌트에서 사용가능하도록 설정publ
reactive로 data변수 선언을 할 때 배열로 하지 않으면입력했을 때 반응을 하지 않는다는 것을 알 수 있다.일반 변수처럼 변수 선언을 하고 싶으면 ref를 이용하면 된다.다음과 같이 반응함을 알 수 있음.ref와 reactive의 차이점뷰 템플릿의 DOM 또는
socket.on( 'subscribe')로 보낼 수 있었던 이유는다음과 같이 chat.js에서 publish와 subscribe로 주고 받기 때문데이타를 data.userid, data.username으로 보내는 이유 또한data.data.userid 등으로 잡아놨
모듈 A모듈 Bsettergetter
파일에 빈 걸 넣어서 넘긴다.
let으로 해줘야 변화할때 값을 변화시켜줄 수 있음.