JNarin Development Story

Git Remote 1. 갱신 remote에 대한 작업을 하기 전에는 먼저 업데이트로 갱신을 해주어야 한다. git remote update 2. 리스트 확인 업데이트가 완료가 되면 현재 서버에 올라간 브랜치 목록을 확인할 수 있다. git branch -r 현재 원격으로 올라간 브랜치 리스트를 확인할 수 있다. 실제로 필자는 아래 깃허브처럼 main, dev, study브랜치를 가지고 있고 로컬에서도 원격의 브랜치 리스트를 동일하게 가져오는 것을 확인할 수 있다. 3. 원격 저장소 branch 가져오기 이제 내가 원하는 원격 저장소에서의 원하는 브랜치를 가져올 수 있다. git checkout -t origin/study git checkout -t 원격브랜치명 위에서 확인한 원격브랜치명을 그대로 가져..

npm global로 설치된 항목을 볼 때 npm ls -g npm list -g npm list -global npm global 설치된 항목 일부를 지울 때 npm uninstall -g package-name 리스트로 확인을 한 후 package-name에 내가 지울 패키지 이름을 넣어 사용하면 된다.

프런트 개발자라면 vue와 react에 대해 고민이 많을 것이다. 그중에서 오늘은 vue에 대해 공부를 해보려고 한다. 최근 회사에서는 vue 프로젝트를 하는 회사로 들어와서 vue에 대한 공부가 많이 필요했고, 지속적인 공부를 업데이트를 해 나갈 예정이다. Vue.js는 뭘까? 먼저 vue는 Component 기반의 SPA(Single Page Application) 사이트를 구축할 수 있는 프레임워크다. 여기서 간략하게 하나 짚고 넘어갈 점은 리액트는 UI라이브러리로 자유롭지만, 뷰는 기능이 정해져 있는 프레임워크라고 한다. 쉽게 생각하면 뷰에서는 뷰만의 문법이 정해져 있어 정해진 코드가 있다는 것이다. 뷰를 전역적으로 설치하게 되면 vue 이후에 관련된 명령어를 사용할 수 있다. npm i -g @..

뷰 라우터도 리액트에서 쓰이는 라우터와 비슷한 듯 약간의 명칭만 조금 달라지는 것 같다. 먼저, 뷰 프로젝트에 라우터를 설치한다. $ npm install vue-router@4 OR $ npm i vue-router OR $ yarn add vue-router@4 이 글을 볼 때 4버전이 아닐 수 있으니, 공식문서에서 한번 더 체크를 권장한다. 먼저 프로젝트에 라우터를 설정을 한다. import { createWebHistory, createRouter } from "vue-router"; import Component1 from './Component1.vue'; import Component2 from './Component2.vue'; const routes = [ { path: "/경로1", c..