일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Vuetify
- Electron
- bucket max-key
- v-select
- v-text-field height
- naver storage bucket error
- NUXT
- onsenui
- CSS
- c#
- kotlin
- 프로세스 방지
- error
- naver storage
- Vue
- MySQL
- JavaScript
- electron-nuxt
- nodejs
- sort
- onsen-ui
- sequelize
- xlsx
- vuejs
- Android
- 동일 프로그램
- vuetifyjs
- f035d
- 동일 프로세스
- bucket cors
- Today
- Total
목록JavaScript (17)
앙큼한 개발기록
자바스크립트 배열 묶기 배열을 전달받은 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..
sequelize에서 findAll을 이용하여 model list을 호출해서 map으로 데이터를 돌리고 해당 데이터를 customize 하던 중 해당 에러가 발생했다. include되어 있는 model을 sequelize를 이용하여 데이터를 object 위로 올릴수 있지만 query 짜는게 복잡하고 조건이 너무 많아 추출하여 데이터를 집어 넣는 과정에서 해당 에러가 발생한다. 해결 방법으로는 해당 데이터를 map으로 돌릴때 data자체를 사용하는게 아닌 data.dataValues를 사용하면 JSON 데이터에 circular structure가 발생하지 않는다. sequelize에서 include 된 모델은 get set으로 모두 가지고 있는데 외부에서 해당 데이터를 집어 넣거나 둘다 include로 b..
모바일 하이브리드 앱을 만들때 네이티브의 느낌을 물씬 풍기게 하기 위해서는 하단, 상단의 메뉴 탭바의 구현이 불가피 하다. 일일히 디바이스 height 맞춰주고 이미지 넣어주고 이벤트 구현 하는 귀찮음을 온센을 통해 해결 해 보자. 대략 이런 디자인 tabbar 의 구성은 tabbar 와 tab으로 구성된다. 기본적으로 홈페이지에 나와있는 사용 방법은 배열을 만들어 해당 배열을 탭바 태그 안에 넣어서 애니메이션이랑 이벤트 넣고 스타일 정하는 방법이다. label에 택스트 이름이 나오고 page에 해당 페이지 이동, props는 해당 페이지 안의 data 전달 혹은 상속 되겠다. 사실 네비게이션과 동일하게 해당 탭 바 안에 각각 페이지를 집어 넣어서 화면만 전환하는 느낌이 되겠다. 배열 안에 넣으면 왠지 ..
문제 난이도 보다 문제를 이해하는데 시간이 많이 들었다 ㅠ 코딩보다 독서를 해야 하나... 한참을 읽어 보니 생각보다 간단한 문제여서 술술 풀다가 자꾸 7번 23번에서 에러가 터지길래 여기서 애를 많이 먹었다. 결국 간단한 실수 하나로 오래동안 애 먹어 정리하고자 글을 작성하게 되었당. 그리고 다른 사람들 문제 푼거 보는데 블로그에 아무리 검색해도 script는 안나와서 내가 적을거다. 내가. 우선 결과 코드부터. function solution(n, t, m, timetable) { let result; let time = getTime("09:00"); // 첫 셔틀버스 시간은 9시이므로 let cleanTimetable = []; function getTime(time){ // 분으로 변환 retu..
코딩하면서 정렬하기 위해 자바스크립트의 .sort 함수를 자주 사용합니다. 처음에는 무작정 sort 하면 그냥 정렬 되는줄 알았는데 사용하다가 몰랐던 내용을 정리하기 위해서 글을 작성하게 되었습니다. 참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort Mozilla 사이트 Array.prototype.sort() 기본적은 사용방법은 아래와 같다. var array1 = [5, 4, 3, 2, 1]; var array2 = ["drive", "car", "banana", "apple"]; var array3 = ["디귿", "니은", "기역"]; array1.sort(); array2.sor..