본문 바로가기

Programming

(63)

[JS] setTimeout 사용법과 await / sleep 만들기 JavaScript에서 setTimeout은 비동기(async)로 특정 시간 후의 로직을 수행시킬 수 있다. setTimeout 수행 예제console.log('start');// async로 3초(3,000ms)뒤에 {}안의 로직 수행setTimeout(() => { console.log('call it after 3s');}, 3000);console.log('end') setTimeout 수행 결과>>> start>>> end// ...약 3초 뒤...>>> call it after 3s setTimeout에 await를 사용하기 setTimeout await 사용console.log('start');// async로 3초(3,000ms)뒤에 {}안의 로직 수행await setTimeout(() ..

[Git Hook] pre commit 으로 장애 예방하기(ft. husky, osascript) d최신 운영 중인 앱에서 특정 메서드를 호출하다 장애가 났었다. 일부 서비스에서 사용이 불가능한 메서드가 있었는데, 환경이 분산되고 복잡하다보니 개발자가 테스트를 놓친 케이스였었다. 이 부분을 개선하고 비슷한 장애를 예방하기 위해서 pre commit rule을 추가해서 특정 키워드가 소스에 추가되면 안내를 위한 팝업을 띄우게 했다. 🤖 환경개발팀의 환경은 Mac을 사용하고 있고 Husky plugin이 설치되어 있었다. git은 개발자가 commit을 수행하면, commit 이 수행되기 전에 스크립트를 실행되게끔하는 pre-commit 기능을 제공한다.방법은 프로젝트의 .git/ 하위에 "pre-commit"스크립트를 작성하면 된다.하지만, git에서 제공하는 pre-commit의 경우, 개인 로컬..

[쿼리 튜닝] Oracle DB 쿼리 튜닝 회고(ft. LPAD) 사내 업무 중 운영에서 timeout이 나고 있는 서비스를 발견했다.(내부 서비스이고 자주 사용하는 것이 아니라서 발견이 늦었다.)(서비스의 실행 시간이 60초 이상이라면, timeout error를 뱉게 되어있다.) 로그를 확인해보느 조회 쿼리에서 60초 이상 걸리는 것을 확인했다. 해당 업무의 특성상, 고객 이력 테이블을 조회하는데 개발 환경에서 plan을 확인하니 테이블을 full scan하고 있었다.운영 환경 경우, 더 많은 데이터가 있을 것이므로 개선이 필요했다. 쿼리 성능 저하의 주된 원인은 "LAPD의 사용"타겟 테이블은 고객 이력을 관리하는 테이블이었기에 대용량 데이터를 가지고 있는데 LPAD를 사용하여 좌변을 모두 가공하므로써, 인덱스 사용이 불가능했다. 특정 기간을 조건으로 걸고있었는..

온프레미스 배포 서버 장애 회고 - 랜 카드 고장(ft. gitlab, ubuntu) on-premise / ubuntu 환경의 배포 서버 되살리기 현재 업무환경에서 내부 보안망에서 개발을 하고 있는 소스를 각 개발자와 연관된 그룹사로 배포를 하기 위한 서버가 온프레미스(on-premise) 환경으로 구성 되어있는데, 오전에 접속이 안되는 것을 발견했다. 소스 배포를 위해서 해당 서버에 gitlab / jenkis를 docker로 띄워서 호스팅하고 있었는데 개발자들의 pc에서 해당 호스팅 중이 gitlab 사이트가 접속이 되지 않았다. 당시 조치를 위한 진행 사항은 이렇다.🛠️ 조치 방법1. 로그 확인 해보기$ cd /home/docker/gitlab로그파일이 존재하는 곳으로 이동$ docker-compose logs -f {컨테이너 혹은 서비스 이름}로그 확인. {컨테이너 혹은 서비스..

[JS] 보안 키패드 입력 error 예외처리(ft. isNaN) 회사에서 운영하고 있는 앱의 보안 키패드를 사용하는 서비스에서 잘못된 입력 값으로 인한 오류의 트러블 슈팅을 진행했습니다. 서버에서 input 값 검증을 통해서 업무 오류를 뱉어내 잘못된 정보가 업데이트 되지는 않았었지만, 화면 소스(front end)에서 예외처리 미흡으로 잘못된 input 값을 서버(back end) 측으로 보내고 있음을 확인했습니다. 😮 문제 상황보안 키패드의 사용하는 이벤트의 value를 처리하는 부분에서 numberic의 검증이 되지 않아서 숫자형 값만 들어와야하는 부분에 실제 string이 들어오는 경우가 발생하였습니다. 🛠️ 조치방법키패드 이벤트를 통해서 들어오는 value 값을 화면에서 isNaN를 사용해 한번 더 예외처리 하였습니다. 기존 로직의 경우, value가 s..

[Vue] Multiple v-model 수정자(modifiers) 처리하기(옵션 사용하기) Vue 공식 가이드 문서에서 v-model의 수정자 처리, 다중(multiple) v-model 사용법에 대해서 나와있다. 하나의 v-model 수정자를 이용해 set, get과 같은 옵션을 사용하는법이 소개 되지만, 다중 v-model의 사용했을 때, 수정자를 받는 받식만 소개되고 set과 같은 옵션을 사용할 수 있는 방법이 빠져있어 추가 해본다. composition 스타일 지향해서 composition 방식으로만 소개 합니다. 🤖 예제 코드 ::: 공식 가이드 playground 예제를 활용 App.vue first: second: MyComponent.vue 위 코드는 2개의 input과 v-model을 갖는 Mycomponent.vue를 App.vue에서 import 해서 사용..

[Shell Script] CI/CD 자동화 배포를 위한 파일 모니터닝 쉘 스크립트 만들기 회사 내의 배포 환경이 복잡하다. 현재 재직 중인 회사는 특히, 보안적인 부분에 민감해서 업무별로 다양한 배포 환경이 구성 되어있다. 그 중에 개선하고 싶었던 반쪽짜리 CI/CD 환경이 있었는데 이번에 시간적 여유가 생겨 해당 문제를 해결하였다. 기존의 환경에서 Jenkis를 이용해서 git에 반영된 소스를 실제 개발 서버에 반영하였는데 보안적인 문제로 Jenkis를 통해서 배포까지 진행하지는 못하고 압축된 소스 파일만 linux 환경의 개발 서버로 전송하게 구성되어 있었다.따라서, 배포를 위해서 개발자 직접 서버로 접속해 압축된 소스 파일을 풀어서 배포를 진행하였다. 위 문제를 해결하기 위해서 파일 모니터링 쉘을 만들어서 서버에서 자동배포를 진행할 수 있게 구성했다. 🛠 해결방법1. Jenkis를 통..

[Swift] Cannot assign to property: 'self' is immutable Cannot assign to property: 'self' is immutable 문제 원인과 해결위 문제는 구조체(Struct)안의 property를 함수를 통해서 변경하려고 할 때, 발견할 수 있다.기본적으로 구조체는 스냅샷(snap shot)을 찍어내는 것이다.struct Example { var p = 0 func changeP() { p += 1 //p를 1증가 }}위 코드에서 p는 가변 변수로 정의했다. 하지만 해당 구조체는 변하지 않는 스냅샷이 되어야하기에 구조체 입장에서 불변이여야할 property p를 구조체 내부 함수에서 변경할 수 없다.var ex1 = Example()ex1.p = 1 //p값을 변경위 처럼 Example을 상속받아 생성한 ex1객체는 p값..

이전 1 2 3 4 ··· 8 다음

728x90

티스토리툴바