일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 이벤트버블링
- Python
- 코어자바스크립트
- 리스트복사
- 파이썬
- 우테코
- 실행 컨텍스트
- 빅오표기법
- 10926번
- vue
- hoisting
- 쿠버네티스
- v-for
- DevOps
- v-model
- 백준
- 3003번
- MSA
- 10869번
- 도커
- 이벤트캡쳐링
- LeetCode
- v-on
- 객체지향의 사실과 오해
- v-if
- 2588번
- 프리코스
- 젠킨스
- 배열파티션
- JavaScript
- Today
- Total
목록vue (8)
새오의 개발 기록
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bjnFTQ/btrMfdFiS87/dCg0XwnSiKF5930ufyZcxk/img.png)
개요 사이드 프로젝트로 웹 서비스를 개발하고 있는데 이를 크롬 확장 프로그램으로도 개발하여 제공하고자 합니다. 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'
조건 - 콘텐츠 추가 form에서 사용자에게 입력을 받아 콘텐츠 추가 post 요청을 보낸다. - contentsData 객체에는 link, favorite, comment, deadline, categoryName, title 6개의 속성이 있다. - 이 속성들 중 link만 사용자에게 필수 값으로 입력 받으며 favorite은 default로 false 값을 갖는다. 나머지 값들은 선택 입력이다. - 선택 입력 중 사용자가 입력하지 않은 값은 요청을 보낼 때 포함하지 않는다. 구현 방법 - contentData 객체 내 값이 "" 이거나 undefined 인 속성을 삭제한다. - Object.keys() 객체의 속성 이름들을 순회하며 받은 배열에 forEach를 걸어 속성 값이 "" 이거나 undef..