Dandy Now!
  • [ 언어·프레임워크/Vue.js ]
    [Vue.js][error] npm run serve 실행 에러 해결 | 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. | npm ERR! code ERESOLVE
    2022-03-19 16:21:00
    Github의 프로젝트를 다른 PC에서 pull 한 후 서버를 실행했는데 실패했다. C:\\Users\\user\\Documents\\GitHub\\bootcamp\\vue\\project02>npm run serve > project02@0.1.0 serve > vue-cli-service serve 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. .gitignore된 폴더와 파일 때문일거라 보고 npm install을 실행했는데, "npm ERR! code ERESOLVE..." 에러가 발생했다. C:\\Users\\user\\Documents\\GitHub\\bootcamp\\vue\\project02>npm install npm..
  • 게시글 대표 이미지 썸네일 주소
    [ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]
    [개발자의품격][부트캠프][1기][23차시] Vue.js #16 | Vuex
    2022-03-19 03:26:04
    Vuex https://vuex.vuejs.org/ vuex 라이브러리를 반드시 써야 하는 것은 아니다. (한 번도 안 쓰는 프로젝트도 있다.) Vue 프로젝트 생성 시 Vuex를 사용하는 것으로 선택하면 src 폴더 내에 store폴더와 index.js 파일이 자동으로 생성되고 main.js에 store 폴더가 import 된다. Vuex는 상태를 관리하기 위한 패턴 라이브러리이다. 애플리케이션 내 모든 컴포넌트의 중앙 집중식 데이터 저장소로서 역할을 한다. 각 컴포넌트에는 그 컴포넌트에서만 사용할 수 있는 data()를 정의할 수 있다. 이때 어떤 데이터는 다른 컴포넌트들이 그 데이터에 빈번하게 접근해야 하는 경우가 있다. 이런 데이터는 중앙에서 관리하는 것이 효율적이다. Vuex는 이런 데이터를 효..
  • [ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]
    [개발자의품격][부트캠프][1기][23차시] Vue.js #15 | Formatter - 금액 처리
    2022-03-18 18:51:13
    금액을 처리하는 함수 금액을 처리하는 함수는 실무에서 많이 사용하므로 잘 이해해 두는 것이 좋다. mixins/Fromatter.js // src/mixins/Fromatter.js export default { methods: { // 금액에 대한 포맷 // 3500 // 3500.1 // 한국 3,500 // 미국 $3,500.00 // 유럽 3.500,00 // '3500', '#,###' -> 3,500 // 3500, '#.###' -> 3.500 // 3500.1, '$#,###.00' -> $3,500.10 // 3500.1, '#,###.##' -> 3,500.1 // 3500.1, '#.###,##' -> 3.500,1 // 1250.12, '#,###.##%' -> 1,250.12% /..
  • [ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]
    보호글 입니다.
    2022-03-17 23:21:22
    보호되어 있는 글입니다.
  • 게시글 대표 이미지 썸네일 주소
    [ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]
    [개발자의품격][부트캠프][1기][22차시] Vue.js #13 | plugin 이용 다국어 처리
    2022-03-17 16:31:56
    다국어 처리 이해 ※ i18n(internationalization): 다국어 처리 plugins/i18n.js plugins 폴더를 생성하고 i18n.js를 작성한다. eslint가 에러가 아닌 것을 에러로 표시하기 때문에 /* eslint-disable */을 넣어 해제한다. // src/plugins/i18n.js /* eslint-disable */ export default { install: (app, options) => { // 파라미터에 i18nPlugin, i18nStrings이 각각 들어간다. // globalProperties에 특정 키 $translate를 잡아두면 모든 컴포넌트에서 바로 접근이 가능해진다. app.config.globalProperties.$translate = ..
  • [ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]
    [개발자의품격][부트캠프][1기][22차시] Vue.js #12 | excel 다운로드
    2022-03-17 12:52:05
    excel 다운로드 exceljs, file-saver 모듈을 이용해 "excel 다운로드" 기능을 구현한다. exceljs 설치 https://github.com/exceljs/exceljs npm install exceljs file-saver 설치 npm install file-saver index.js exceljs, file-saver를 import 한다. $ExcelFromTable() 함수를 작성한다. // src/mixins/index.js ... import ExcelJS from 'exceljs' import { saveAs } from 'file-saver' export default { ... methods: { ... async $ExcelFromTable( header = [],..
  • 게시글 대표 이미지 썸네일 주소
    [ CS/네트워크 ]
    [널널한 개발자 TV] 네트워크 기초 이론 강의 정리(6~8강) | Switch, Switching | 네트워크 데이터 단위 정리| 인터페이스 선택의 핵심 원리
    2022-03-16 15:27:19
    유튜버 널널한 개발자 TV의 네트워크 기초 이론 강의 6~10강을 정리하였다. Switch, Switching - Switchs는 교차로 같은 것이다. - Switch = Router라고 보면 된다. 인터넷은 Router(L3)의 집합체 이기 때문이다. - Switching: 경로 선택 - 네트워크에서 가장 중요한 문제는 "어떻게 하면 최적화된 길로 갈 수 있을까?"이다. - 라우터들이 서로 통신을 하여 최적화된 경로를 결정한다. 패킷 단위 데이터가 교차로(라우터)에 도착하면 경로 선택 스위칭을 한다. 최적화된 경로를 통해서 목적지로 가는데 근거가 되는 것이 이정표(라우팅 테이블)★이다. 라우팅 테이블 기준으로 의사결정을 하여 목적지에 도착한다. - 라우터 몇 개가 손상된다고 해서 네트워크 전체가 망가지..
  • 게시글 대표 이미지 썸네일 주소
    [ etc./책 ]
    [책] Do it! 자료구조와 함께 배우는 알고리즘 입문 | 공부단 완독 인증 선물
    2022-03-16 14:20:43
    지난달 Do it! 스터디룸에서 "조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱"을 완독 인증했었다. Do it! 스터디룸은 공부단 신청에 학습 계획을 올리고 그에 따라 스터디 노트를 작성한 후 완독 인증을 하게 되면 이지스퍼블리싱에서 출판한 책 중 원하는 한 권을 선물로 받을 수 있다. 희망했던 도서가 어제 도착했다! "시바타 보요. (2020). Do it! 자료구조와 함께 배우는 알고리즘 입문(강민, 역). 이지스퍼블리싱" 자료구조와 알고리즘은 개발자의 기본 소양이라고 한다. 단순히 코드 복붙 하는 수준이 아니라 주도적으로 문제를 해결하기 위한 가장 기본적인 지식이라는 것이다. 도서관에서 이 책을 빌려보려고 시도한 적이 있다. 자바, C언어 편은 있는데 파이썬 편은 대출 ..