Web Programming
-
tui-gird pagination 오류
Web Programming 2023. 10. 25. 23:21tui-gird 쓰면은 pagination 거의 무조건 같이 써준다고 보면 되는데 처음써보던 거라 많이 헷갈렸다.. tui-gird 에서 제공하는 페이징이 되는 그리드인데 테스트삼아 스크립트랑 HTML 복붙해서 vsCode로 실행해보니 자꾸 css 깨졌다.. 도대체 왜 ㅠㅠ 그러다가 순서가 또 안맞으면 안될수도 있어서 확인해봤더니 tui-grid.js 가 tui-pagination.js 보다 밑에 선언되어 있어야 한다. tui-pagination.js tui-grid.js 이런식으로..ㅎㅎ 그래야 잘된다 아 뭔 잘못인지 모르고 또 한참찾았다.. 다른분들은 헷갈리지 마시길..
-
구글 지도 연동 오류 MarkerLabel_.getSharedCross is not a function
Web Programming 2023. 10. 25. 23:15구글 지도 작업을 하다보면 구글 지도 마커에 대해 디자인을 입히거나 내용을 좀 더 많이 넣어주거나 하는 경우가 종종 있어서 Marker를 커스텀 할 수 있도록 구글에서 제공하고 있다. MarkerLabel.js 인데 MarkerLabel.js 를 import 하고 나서 계속해서 'MarkerLabel_.getSharedCross is not a function' 라는 오류가 떳다.... 키도 정상 발급해서 잘나왔는데 이 녀석을 넣으니까 자꾸 문제가 발생 ㅠㅠ 구글링을 계속 해봐도 마땅한 해결법이 안나오고 나처럼 같은 문제를 겪는 사람들이 많았다. 그래서 혹시나 스크립트 선언에 문제가 있을 않을까 하면서 다시 구글링해보니 I just found the problem, I had to include Mark..
-
구글 지도 api 연동
Web Programming 2023. 10. 25. 23:07구글 map api 를 이용해서 간단한 지도 표출하기 !! 항상 공공이든 이런 api 를 쓰려면 키 발급 부터 해야된다. 구글 map 플랫폼에서 키 발급부터 하자. 키 발급에 대해서는 블로그 글이 차고 넘치니 검색 ㄱㄱ !! Google Maps Platform 시작하기 | Google for Developers Google Maps Platform 시작하기 | Google for Developers 의견 보내기 Google Maps Platform 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 페이지에서는 Google Maps Platform의 API 및 SDK를 사용하기 위한 기본 필 developers.google.com 먼저 jsp에 map을 뿌려줄 d..
-
OEE(Overall Equipment Effectiveness) 설비종합효율
Web Programming 2023. 9. 27. 18:54OEE 개요 - Overall Equipment Effectiveness 효율적으로 가동되는 공장은 새로운 투자를 할때 더 많은 효과를 얻기가 어려워진다. 종종 생산비용을 계속 감소시키면서 현재의 장비와 설비로 더 많은 생산을 해야되는 상황을 자주 맞이하게 된다. 이익을 향상시키기 위해 프로세스를 최적화 시키는 것에는 여러가지 방법이 있다. 복잡한 공정에서 전체적 효과를 이해하는 것은 어렵다. 따라서, 어느 부분을 개선할 것인지 결정해야 한다. 특히 많은 장비가 포함되어 있고, 각각의 공정이 서로 다른 공정의 효율에 영향을 미치는 경우에는 더욱 이러한 방법이 필요하게 된다. 이러한 것을 도와주기 위한 한가지 측정법이 OEE(Overall Equipment Effectiveness)이다. OEE는 목표로하..
-
자바스크립트 padStart()
Web Programming 2023. 9. 27. 17:22자바스크립트 padStart() 함수와 padEnd 함수() !! 정의 padStart() : 원하는 문자열이 최소한의 갯수를 채우지 않으면 지정한 문자열을 앞에 넣어주는 기능 padEnd() : 원하는 문자열이 최소한의 갯수를 채우지 않으면 지정한 문자열을 뒤에 넣어주는 기능 padStart() 예시 var strStart = '4'; console.log( strStart . padStart (2, '0')); // "04" 4는 길이가 2보다 작기 때문에 앞에 0 이 하나 붙어서 04 가 된다. padEnd() 예시 var strEnd = 'here'; console.log(strEnd.padEnd(7, '.')); // " here..." here 와 . 의 총 길이가 7 이다.
-
표준시 UTC 쓰는 이유
Web Programming 2023. 9. 27. 17:07UTC 세계협정시 전 세계의 여러 나라에 설치된 약 200여개의 원자시계에 의해 평균한 세계표준시간 세계 각국에서 사용되는 시간은 지구상의 자전과 공전을 고려한 시간 기준으로 결정된다. 이 시간 기준을 협정 세계시(UTC, Coordinated Universal Time)라고 하며, UTC는 국제적으로 인정된 기준시간으로, 세계시간을 표시하는 기준점이다. 그러나 각 나라는 지리적, 역사적, 정치적인 이유로 자체적으로 사용하는 표준시를 가지고 있다. 이러한 표준시를 지역 표준시(Local Standard Time)라고 한다. 지역 표준시는 UTC를 기준으로 차이를 나타낸다. 예를 들어, 한국의 표준시인 한국 표준시(KST)는 UTC보다 9시간 빠르다. UTC는 국제적으로 인정된 표준시이며, 대부분의 나라에..
-
RequestMapping 어노테이션 PostMapping, GetMapping
Web Programming 2023. 9. 26. 21:49프로젝트의 컨트롤러 부분에 보면 @RequestMapping("/path") @RequestMapping(value="경로", method=RequestMethod.GET) @RequestMapping(value="경로", method=RequestMethod.POST) 이런식으로 어노테이션을 선언해 놓은 것을 볼수 있다. 그런데 이거를 좀 더 간편하게 하기 위해 등장한 것이 @GetMapping("경로") @PostMapping("경로") 이다. @RequestMapping 어노테이션도 method 부분을 생략하서 사용할 수 있고 심지어 @RequestMapping은 method부분을 생략하면 POST 방식과 GET방식 둘다 처리해 줄 수 있다. 그럼 왜 @GetMapping("경로") @PostMap..