일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- JavaScript
- 배열파티션
- 쿠버네티스
- 백준
- 프리코스
- 실행 컨텍스트
- 3003번
- 이벤트캡쳐링
- v-on
- MSA
- 도커
- 우테코
- 빅오표기법
- v-if
- 2588번
- vue
- Python
- v-for
- LeetCode
- 이벤트버블링
- DevOps
- 파이썬
- hoisting
- 객체지향의 사실과 오해
- 10869번
- 코어자바스크립트
- 젠킨스
- 10926번
- 리스트복사
- v-model
- Today
- Total
목록Javascript/Vue.js (8)
새오의 개발 기록
진입 장벽이 낮고 학습 비용이 적음 webpack 등의 번들러와 프리 컴파일러가 필요 없음 파일 하나만 읽어들이면, 코드 작성을 곧바로 시작할 수 있음 스케일의 유연성 standalone 버전을 사용하면, 페이지의 일부만을 인터렉티브하게 만드는 등의 단순한 목적으로 쉽게 사용 가능 확장 기능과 개발 지원 도구가 많이 제공되어 큰 규모의 단일 페이지 애플리케이션을 만들 수 있음 한국어 문서 라이브러리 자체와 관련된 문서 뿐만 아니라, 스타일 가이드 등도 한국어로 번역되어 있음 Ways of Using Vue | Vue.js vuejs.org 참고: 고양이도 할 수 있는 Vue.js
Vite로 프로젝트 새로 구성하기 이전 게시글에서 만들었던 프로젝트는 삭제하고 vue와 vite로 프로젝트를 다시 구성해보겠습니다. 아 manifest.json 파일은 나중에 사용할거니 삭제하지 마세요! vite는 웹팩 등 여러 복잡한 설정들을 대신 해주는 툴이라고 보면 됩니다. 들어본 적은 있는데 vue와 함께 사용할 수 있는지는 전혀 몰랐습니다. 우선 프로젝트를 진행한 후에 vite가 어떤 건지 자세히 찾아봐야겠습니다. 궁금하신 분들은 아래 공식문서를 참고하시면 될 것 같습니다. 참고로 '빗'이라고 읽으면 됩니다. Vite Next Generation Frontend Tooling vitejs.dev 프로젝트 생성 명령어입니다. npm 버전에 따라 명령어가 다르고, 명령어가 업데이트 되는 경우도 있기..
개요 사이드 프로젝트로 웹 서비스를 개발하고 있는데 이를 크롬 확장 프로그램으로도 개발하여 제공하고자 합니다. Vue.js로 크롬 확장 프로그램 만들기 강의 - 1부 - peterkimzz 제가 최근 우연히 크롬 확장 프로그램을 개발했는데, 이게 생각보다 꽤 괜찮은 시장이라는 걸 알게 되었습니다. 크롬 확장 프로그램은 이미 여러분들에게 익숙한 웹 기술로 쉽게 개발할 수 있고 www.peterkimzz.com 이 분의 글을 참고하였습니다. 개발환경 세팅 Node.js 현재 LTS 버전인 16.17.0 설치합니다. nvm i 16.17.0 npm init은 Node 프로젝트를 현재 디렉토리에 만들겠다는 뜻인데, -y를 입력하면 여러 설정 값들에 전부 yes로 하겠다는 의미입니다. npm init -y 설치하..
webpack.config.js 또는 vue.config.js 에 아래와 같이 설정한다. // webpack.config.js // 코드가 난독화 된다. mode: 'production' source-map은 빌드된 소스와 원본 소스를 매핑시켜주는 건데 production 모드로 빌드하게 되면 이 연결이 해제되어 원본 소스를 찾아가지 못하는 방식으로 난독화 되는 것 같다. // webpack.config.js devtool: 'source-map'