Vue.js(3) Axios/CLI

kyj2471·2021년 1월 14일
2

Vue.js

목록 보기
3/8

Axios 설치

npm install axios

Use Axios

<div id = "app">
  <button v-on:click="fetchData">Get Data</button>
</div>

new Vue({
el:"#app",
methods:{
fetchData: function(){
axios.get("URL address")
	.then(function(res){
    console.log(res);
    })
	.catch(function(err){
    console.log(err);
    });
    }
  }
})

Vue CLI 설치

npm install -g @vue/cli
하지만.. 한번에 되면 너무 낭만적이겠죠?
주변 동기분들은 이 명령어 하나로 쉽게 설치되고 화면 띄우는데 얼마 안걸렸는데 저는 하루 꼬박걸렸습니다.
zsh: vue not found라고 계속 커맨드창에 나왔고
맥북 환경변수 문제라고 생각은 들었는데 찾아봐도 환경변수를 건드리는 법을 못찾아서 저는 그냥 export PATH=$PATH:/Users/username/.npm-global/bin 이명령어로 해결하였습니다.
이걸로 인해 제 vue cli가 설치되어있는 경로를 찍어주고 나서 해보니 실행이 되었습니다.

기업협업

정말 위코드에서 길면 길었고 짧으면 짧았던 시간이 지나 기업협업을 나오게 되었습니다.
처음 velog를 만들고 html정리하던게 엊그제 같은데 어떻게 시간이 가는지도 모르고 정말 열심히 살았던것 같습니다.
정말 가보고 싶었던 기업에 된것도 너무 기쁘지만 너무 걱정이 많았습니다.
걱정은 배신을 안합니다.
보란듯이 어리버리하고 아무것도 모르는 태초 상태로 돌아가버렸다.
그러나 너무 좋으신 CTO분 밑에서 배울수 있는 좋은 기회이고 이미 벌써 많은걸 배웠다.
말할 필요가 있을까? 그냥 절대적 시간 투자와 지금처럼 다시 열심히하자!

profile
[ frontend-developer ]

4개의 댓글

comment-user-thumbnail
2021년 1월 15일

낭만코더 영재 ..
이젠 내가 모르는 영역의 이야기를 하고 있군요.. 성장했네요.. 뒤는 돌아보지 말고 훨훨 날아가 버려요

1개의 답글
comment-user-thumbnail
2021년 1월 17일

낭만코더 영재좌... 응원합니다!!

1개의 답글