composition api lifecycle

Vue3는 리액트냄새나...

vue 2.2 업데이트 이후 Provide와 Inject를 사용해보고 반응성도 추가해보자!

react-async를 꼭 사용해야할까?

컴포넌트별 State를 사용하는 것과 State와 Props의 구분

부모 컴포넌트와 자식 컴포넌트의 데이터 흐름

클래스형 컴포넌트(Class Component)와 함수형 컴포넌트(Functional Component)

리액트 하기전의 초기 세팅

RxJS 스트림에 대해서 공부하기전에 동기와 비동기, 블록과 논블록에 대해서 알아두고 가야했다. Acync & Sync 호출되는 함수의 작업 완료 여부를 신경쓰느냐 마느냐가 관점이다. Blocking & Non-Blocing 호출되는 함수가 바로 리턴하느냐 마느냐가

자바스크립트를 쓰다보면 우리는 배열을 많이 쓰게 된다.왜 쓰게 되는 걸까? 생각해보면 index 위치를 알 수 있으며, 정제하기가 편하다. 그리고 배열안에 배열을 써서 편리하게 쓸 수 있다.배열은 번호(정수)로 된 인덱스를 갖는다.배열의 요소는 객체가 될 수 있다.동일

로그인 이후 로그아웃 적용Http 헤더값에 인증부분 제거라우터로 로그인 페이지로 이동강의보다 앞서서 코딩을 짜고 있었다.API 연결과 처리방법만 익숙해지면 될 것같다.연결을 했으니 끊어주는 내용을 까먹지만 말자! httpheader

Login api 구현Login error시 에러부분 수정Login시 로컬스토리지에 토큰값 확인로그인 기능은 쉽게 구현했다. email과 password만 가져와서 넘겨주면 되었다.그치만 token 설정하는 것이 까다로웠다.token을 로컬스토리지에 넣어도 Http h

axios 연결 후에 나중에 대량의 api를 만들 생각으로 api파일을 따로 두고 index.js에 axios 내용을 넣는다.axios 안에 DOMAIN 정보와 에러코드일 경우와 로그인으로 보내는 라우터 메소드를 만들어 준다.기본적인 request를 만들어 method

Vue에서 XMLHttpRequest로 서버를 호출하여서 데이터를 받아왔다.Vue에서는 XMLHttpRequest 대신 axios라는 것이 있는데 이것은 브라우저, 노드.js에서 XMLHttpRequest 역할을 수행해준다.XMLHttpRequest를 그냥쓰면 된다고하

mysql DataBase 만들기mysql DataBase 연결knex 사용하여 연결koa, koa-router를 받아서 router 기준으로 table 불러오기mysql에 테이블을 연결하는데 문제가 생겼다. mysql을 업그레이드하라고했는데 알고보니 DB의 유저 아이

Node를 이용한 서버만들기Koa를 사용하여서 Node서버 구성nodemon을 이용하여 서버변화시 재실행Koa를 통하여 Node로 서버를 열수 있었다.app.listen(3000)을 통해서 3000포트를 열고 접근이 가능했다.async와 await으로 데이터를 불러올때

token을 로컬스토리지에 저장token을 저장하면서 바로 dispatch("getMemberInfo") 하여서 로그인시킨다.토큰저장 액션과 로그인 실행 액션은 따로 둔다.토큰이 저장되었다면 라우터에서 beforeCreate(){ this.$store.dispatch(

Post로 로그인 토큰을 요청로그인 토큰이 성공하면 유저정보를 요청하여서 로그인한다.어제와 별다를것 없는 내용이였다.axios의 Postaxios의 get로그인 부분 action소스

https://reqres.in/ 페이크 데이터를 이용한 axios 사용.get으로 사용시 then, catch, then 역할기존에 포스트맨을 알고 있어서 API에 대해서 대략감은 있었다.프론트엔드초심자면 데이터에 대한 부담감을 가지게 된다. node를 배워

Store(vuex)의 payload 기능vue-router의 라우터가드를 통해서 로그인한 유저와 로그인을 안한 유저를 분별하여 다른 페이지와 다른 메뉴를 보이게 한다.router의 beforeEnter로 라우터가드를 연결하여서 페이지를 들어가기전에 Vuex의 상태를