일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- nodejs
- f035d
- error
- onsen-ui
- Vuetify
- v-select
- onsenui
- NUXT
- bucket cors
- vuejs
- electron-nuxt
- MySQL
- xlsx
- CSS
- naver storage
- Electron
- c#
- 동일 프로그램
- Android
- 동일 프로세스
- sequelize
- sort
- 프로세스 방지
- Vue
- naver storage bucket error
- JavaScript
- v-text-field height
- kotlin
- bucket max-key
- vuetifyjs
- Today
- Total
목록Menu (75)
앙큼한 개발기록
자바스크립트 배열 묶기 배열을 전달받은 parameter 개수로 묶어서 새로운 배열 리턴 function arrayBundle(list, bundleCount) { let resultList = [] for (let i = 0; i < list.length; i += bundleCount) { resultList.push(list.slice(i, i + 100)) } return resultList }
이번 회사에서 진행한 프로젝트가 electron을 이용한 프로그램 개발인데 이게 인터넷이 끊겨도 정상적으로 작동해야 된다고 한다.. 여러 고심 끝에 내린 결론은 로컬 서버를 구축해 인터넷이 끊겼을 경우 request url을 로컬로 변경하고 로컬 서버에서 처리, 로컬 서버에서 처리 되다가 인터넷이 연결되면 다시 메인 서버로 변경하여 데이터를 동기화 시키는 작업을 진행하게 되었다. 프로젝트 진행 순서는 다음과 같다. 1. 메인 서버 클론 2. 메인 서버의 로컬화 - 로컬 서버는 가볍게 만든다. - 필요없는 api, table 모두 삭제 - 각 테이블에 syncFlag, syncUid 추가 -> 동기화가 된 테이블은 syncFlag를, 인터넷이 끊긴 상태에서 로컬의 데이터를 서버로 전송하면 uid(uniqu..
구글에서 인터넷 연결 관련 문서를 찾아보면 제일 우선 navigator.isOnline 이 나온다. 근데 와이파이를 끊어봐도, 인터넷 연결을 끊어도 프로젝트에서 인터넷 연결은 항상 true를 반환한다. 브라우저의 인터넷 연결 속성이라는데 재대로 작동하지 않는다. node에서 사용한 dns 방법을 이용해 javascript에도 유사한 방법으로 접근해 인터넷 연결을 확인하고자 한다. async isNetworkConnection() { console.log('check network connection') if (!window.navigator.onLine) return false const url = new URL("https://www.google.com") try { const response = aw..
참조: https://jaynamm.tistory.com/265 MacOS Montrey AirPlay Port 5000 and 7000 맥북에서 5000번 포트를 사용하려고 하는데 이미 사용중인 포트라고 나왔다. # lsof -PiTCP -sTCP:LISTEN | grep 5000 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME ControlCe 470 jaynam 36u IPv4 0xc539.. jaynamm.tistory.com 참조: https://velog.io/@taelee/%ED%98%84%EC%9E%AC-%EC%97%B4%EB%A0%A4%EC%9E%88%EB%8A%94-%ED%8F%AC%ED%8A%B8-%ED%99%95%EC%9D%B8mac 현재 ..
일반적인 윈도우와 맥에서는 platform을 설정하지 않아도 도커이미지 파일을 실행할수 있으나 M1 에서는 platform을 선언하지 않으면 실행이 안됨. 아래는 내가 맨날 복사해서 사용하는 docker-compose.db.yml 파일 내용. version: '3' services: mysql: image: mysql:latest container_name: [container name] platform: linux/amd64 // 플랫폼이 추가됨 restart: always command: --default-authentication-plugin=mysql_native_password --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_..
최근 하이브리드 앱을 만들어 달라는 부탁을 받고 매번 story board로 하던 작업을 swift ui로 해보싶어서 swiftui로 프로젝트를 빌드해 보았다. 근데 만들고 보니 swiftui 에서는 storyboard 처럼 viewController가 없어 webview에 권한이나 위치정보, 카메라 정보나 javascript함수 호출과 같은 부분을 어떤식으로 구현하면 좋을지가 막막하다가 해당 내용을 구현한 소스를 정리해 보고자 글을 작성해 본다. 그리고 찾는데 오래걸려서 직접 정리하는 것도 있다.... 1. ViewController.swift 를 하나 만든다. - 이름은 상관 없다. import SwiftUI struct ViewController: UIViewControllerRepresentabl..
sequelize에서 findAll을 이용하여 model list을 호출해서 map으로 데이터를 돌리고 해당 데이터를 customize 하던 중 해당 에러가 발생했다. include되어 있는 model을 sequelize를 이용하여 데이터를 object 위로 올릴수 있지만 query 짜는게 복잡하고 조건이 너무 많아 추출하여 데이터를 집어 넣는 과정에서 해당 에러가 발생한다. 해결 방법으로는 해당 데이터를 map으로 돌릴때 data자체를 사용하는게 아닌 data.dataValues를 사용하면 JSON 데이터에 circular structure가 발생하지 않는다. sequelize에서 include 된 모델은 get set으로 모두 가지고 있는데 외부에서 해당 데이터를 집어 넣거나 둘다 include로 b..
온센 ui에서 다른것도 다 좋지만 회전 ui를 직접 커스텀 할 수 있다는게 최대의 장점이 아닐까 생각한다. vue에서 제공하는 다른 좋은 탬플릿도 많지만 내 입맛에 맞춰서 커스텀 하기에는 조금 힘든 면이 있다. 온센은 뭔가 다른 탬플릿 보다 커스텀하기가 쉽다. 그럼 우선 기본적인 사용방법과 응용 방법을 알아보자 기본 구조 carousel content carousel 안에 carousel-item을 넣어서 각각의 아이탬이 화면으로 작동 되어 스와이프 혹은 버튼 이벤트를 통해서 슬라이드 이동이 가능하다. 스타일을 직접 넣어서 사용되어 있지만 클래스를 줘서 덮어 씌울 수 도 있다. 홈페이지의 예제는 페이지 전체를 하지만 부분적으로 카드 모양 혹은 하나의 영역을 슬라이드로 바꿀 수 있다. 난 전체를 잡아먹는 ..
phpstorm 에서 vue를 생성하면 해당 폴더 이름으로 name 속성이 자동으로 생긴다. 자동으로 생긴 속성을 어떻게 쓸수 있을까 생각해보니 쓸데가 없어 매번 삭제 했지만 이제 알아보고 써보자. export default { name: "Page", } 함수 혹은 태그에서 다음과 같이 쓸 수 있다. //tag {{ $options.name }} //function this.$options.name