안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 - vue-router: 4.1.3 Javascript에는 원시타입과 참조타입이 있습니다. 원시타입은 언어의 최고 로우 레벨에서 직접 표현되는 불변 데이터입니다. 변수에 할당될 때, 메모리의 고정 크기로 원시 값을 저장하고 해당 저장된 값을 변수가 직접적으로 가리키는 형태입니다. 또한 값이 절때 변하지 않는 불변성을 갖고있기때문에 때문에 재할당 시 기존 값이 변하는것 처럼 보일지 몰라도 사실 새로운 메모리에 재할당한 값이 저장되고 변수가 ..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 watch는 검색창에서 자주 사용됩니다. 검색창에 '프뚜의 개발 블로그'를 검색하려고 했을 때 실시간 입력으로 서버에 검색하게 된다면 불필요한 통신이 생기게 됩니다. 이때 setTimeout으로 실시간 검색을 좀 더 타이밍을 줘서 처리할 수 있는 방법이 있습니다. watch에 관한 내용은 여기를 클릭해주시면 됩니다. 1. watch를 통해 input text 내용 실시간 출력하기 실시간 검색으로 '프뚜'를 검색 시 42분 1초만에 2번의 ..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 vue는 javascript언어로 javascript는 비동기입니다. 1. 비동기 확인하기 # 1~3 console.log 추가, 기대값 1. 유저 데이터 ==> {} 2. 유저 데이터 ==> db.json 3. 유저 데이터 ==> db.json log가 순서대로 출력되지 않음을 확인할 수 있습니다. 2. async / await를 사용하기 # async로 function 선언, 기다려야하는 작업에 await async setup() { ..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 프로젝트를 하던 중 웹뷰(외부)에서 vue function을 호출해야하는 상황이 생겼습니다.. 1. main.js에 window.app으로 바인딩 하기 window.app = app.mount('#app'); 외부 JS에서 Connect를 할 수 있게 window.app 부분을 추가합니다. 2. Connect.js에 function을 추가하기 # JS 폴더 경로 /public/js/Connect.js window.app.$root는 vue의 root를 가져올 수 있습니다. ※ 폴더는 public에 두어야합니다. (src 하..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 1. vue-cli 설치하기 # npm으로 설치하기 npm install -g @vue/cli # yarn으로 설치하기 yarn global add @vue/cli yarn이 설치 되어있지 않다면 링크를 통해 설치를 진행해주세요. 2. vue-cli 버전 확인하기 vue -V 궁금하신 부분 또는 문제가 생긴 부분에 대해서 댓글 남겨주시면 빠르고 정확한 답변드리겠습니다.

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit 1. nodejs 접속 후 설치 파일을 다운로드 하기 # nodejs 메인 페이지 https://nodejs.org/ko/ # nodejs 16.16.0 LTS (안정적, 신뢰도 높음) https://nodejs.org/dist/v16.16.0/node-v16.16.0-x64.msi # nodejs 18.6.0 (최신 버전) https://nodejs.org/dist/v18.6.0/node-v18.6.0-x64.msi 프뚜는 안정적, 신뢰도 높은 버전을 다운로드 하겠습니다. (16.16.0 LTS) 2. 다운 받은 파일을 실행하기 설치 경로를 선택합니다. (프뚜는 default 경로로 지정) 다른 선택 없이 ..