본문 바로가기

Development

[rxjs] concat, merge, zip, combineLatest의 차이점 여러 Observable을 한 번에 처리하기 위한 함수인 concat, merge, zip, 그리고 combineLatest의 사용 방법을 알아보고 차이점도 같이 알아보려 한다. 유능하고 센스 있는 개발자라면 이름만 보고도 그 사용법과 차이점을 알 수 있겠지만 나같은 초보 개발자는 이렇게 친절한 포스팅을 통해야만 그 사용법과 차이점을 알 수 있어 나와 같은 초보 개발자들을 위해 이 포스트를 작성한다. 일단 먼저 같은 Observable 세 가지를 두고 concat, merge, zip, combineLatest 한 번씩 실행해보자. 그리고 하나씩 설명할 것이다. 그리고 결과값을 직접 보는 방법은 F12를 눌러 DevTools를 켜고 Console 탭을 띄워놓은 뒤에 jsfiddle 탭 중 Result를 ..
[macOS]에서 Windows처럼 폴더 먼저 나오게 하기 Windows를 쓰다가 macOS를 쓰면 불편한 점이 한 두개가 아니겠지만 그 중에 하나는 폴더가 파일과 같이 이름 정렬이 되는 거였다. 그래서 환경설정을 이리저리 찾아봤는데 Finder 환경 설정에 있었을 줄이야! Finder 환경설정은 단축키 (Finder > ⌘ + ,)를 사용하거나 Finder > Menu > 환경설정 으로 들어갈 수 있다. 그리고 Finder 환경설정에서 고급 탭 > 폴더 우선 정렬에서 윈도우에서 체크! 하게되면 이렇게 바뀌는 것을 볼 수 있다!
[Ubuntu] Jenkins 업데이트 시 발생하는 에러(server certificate verification failed. CAfile: /etc/ssl/certs/ca-certificates.crt CRLfile: none) 해결 방법 Error 내용 다음 패키지를 업그레이드할 것입니다: jenkins 1개 업그레이드, 0개 새로 설치, 0개 제거 및 186개 업그레이드 안 함. 65.6 M바이트 아카이브를 받아야 합니다. 이 작업 후 11.8 M바이트의 디스크 공간이 비워집니다. 오류:1 https://pkg.jenkins.io/debian-stable binary/ jenkins 2.235.2 server certificate verification failed. CAfile: /etc/ssl/certs/ca-certificates.crt CRLfile: none E: https://pkg.jenkins.io/debian-stable/binary/jenkins_2.235.2_all.deb 파일을 받는데 실패했습니다 server ce..
[IntelliJ & Code] 내가 주로 쓰는 단축키 (Shortcut) 어떤 툴을 쓰더라도 툴을 잘 쓰려면 최소한 단축키를 잘 알아야 한다고 생각한다. 왜냐면 당연하게도 그래야 생산성이 좋아지니까. 그래서 나는 어떤 툴을 처음 접할 때에는 단축키 목록을 먼저 본다. 기능 나열이 되어 있어 어떤 기능들이 있는지 알기 쉽고, 또 그 툴이 밀고 있는 주요 기능들이 어떤 것들인지도 알 수 있어서 좋다. (MS의 Code 단축키와 Eclipse 단축키, 그리고 Jetbrains의 IntelliJ까지 서로 중요하게 생각하고 있는 기능들 그리고 방향 및 철학이 달라 병행해서 사용하기 까다로우면서도 쉽다.(?)) 이 포스트는 원래 IntelliJ 단축키만 작성하는 포스트였는데 IntelliJ가 점점 무거워지고 Java 개발을 점점 안 하게 되면서 Visual Studio Code로 넘어가..
[macOS] 입력창 없애기 대체 얘 뭐니? 정체를 알 수 없는 창이 떠서 사라지지 않는다. 어떻게 없앨 수 있을까? 내 경우엔 x 버튼을 클릭해도 webstorm의 editor 창을 클릭할 때마다 계속 생겨났다. 어떻게 해야 없앨 수 있을까???? 결국 WebStorm 재실행을 통해 해결했다. 응용 프로그램 강제 종료를 통해 Finder를 재실행 했는데도 안 없어졌고... actvity moinitor를 통해서 강제 종료 했는데도 안 없어진다. 뭐냐 너 좀비냐 결국엔 WebStorm을 재실행했다. 띄워놓은 서비스 때문에 귀찮았지만 방법이 없었다...
ssl 버전 테스트 https://testssl.sh/ /bin/bash based SSL/TLS tester: testssl.sh Testing TLS/SSL encryption testssl.sh is a free command line tool which checks a server's service on any port for the support of TLS/SSL ciphers, protocols as well as recent cryptographic flaws and more. Key features Clear output: you can tell easily wheth testssl.sh
[WebStorm] Mark Modified(*) 설정 위치 원래는 Asterisk 라는 이름으로 찾으면 나왔는데 바뀌어서 블로그 남김!
Angular HttpClient를 통해 plain text를 가져오는 방법 https://github.com/angular/angular/issues/18672#issuecomment-424751374
[Mac] 열려 있는 포트 확인하고 프로세스 종료 시키기 프로세스 찾기 가끔 종료 시켰는데 정상적으로 종료되지 않아서 프로세스가 남아 포트를 점유하고 있는 상황이 발생한다. 내 경우는 Windows에서는 꽤 빈번하게 발생해서 netstat를 잘 쓰니까 커맨드를 안 잊어버리는데 Mac에서는 잘 안 쓰다보니까 자꾸 까먹어서 이렇게 포스팅 남긴다. sudo lsof -P -i :[포트번호] [포트번호] 부분을 각자 검색하려는 포트 번호로 변경하여 실행하면 다음과 같은 결과를 얻을 수 있다. 실행결과를 보면 알겠지만 NAME 부분에서 *:4040이 내가 검색하려고 한 프로세스이다. 때에 따라서 * 부분이 달라질 수 있다.(리슨 대상에 따라서 달라진다.) 하나의 프로세스만 나오는 게 아니라 여러 프로세스가 나오는 이유는 여러가지가 있겠지만 이 경우엔 바라보고 있는 프로..
[Typescript] RegExp의 함수를 사용할 때 주의할 점 서론 Typescript나 Javascript에서 RegExp 객체를 변수화한 뒤에 test()나 exec() 함수를 사용할 때는 특별히 주의할 점이 있다. 바로 lastIndex. 정규표현식을 사용할 때 flag로 넣을 수 있는 옵션 중에 g가 있는데 이것은 전체 찾기를 하겠다는 옵션이다. 이걸 넣어서 사용하면 내부적으로 lastIndex를 사용하게 되는데 lastIndex 속성은 함수를 실행할 때마다 값을 기억하고 다시 시작할 때 그 위치에서 검색을 시작한다. 그러니까 대상자 하나를 가지고 검색할 때는 괜찮을 수 있으나, 단순 검색으로 여러 대상을 가지고 검색을 할 때는 100% 문제가 된다. 원인 위의 코드를 보면 결과값이 true, true, 가 나오는 것으로 기대하지만 실제로는 true, fal..
[Node.js] 상위 Directory까지 한 번에 생성하기 서론 어디든 개발하다보면 File을 써야 할 상황이 온다. 그러면 아무 폴더에다가 저장하지 않고 ~/Documents/upload/image 와 같은 정리된 디렉토리 계층을 사용할 것이다. 문제는 여기서 발생한다. 정리된 디렉토리 계층을 사용하려면 디렉토리가 여러 개가 되어야 하는데 Node.js에서 지원하는 fs.mkdir은 여러 디렉토리를 한 번에 생성해주지 않는다. ~/Documents/upload/image 를 생성해서 사용하려면 ~/Documents는 원래 있는 거니 상관 없고, upload와 image 두 가지 디렉토리를 생성해줘야 한다. 그래서 패키지 mkdirp를 따로 추가하여 사용하고 있었는데 Node.js 10.12 버전부터는 recursive 옵션을 true로 주면 되네? ㅋㅋㅋㅋㅋ ..
Webhook 테스트 사이트 요즘엔 참 대단한 사람들이 많은 것 같다. 이런 완전 좋은 툴도 만들어주시고ㅜㅜ 1. Request Catcher 깔끔한 디자인의 사이트. 편하게 Request를 테스트 할 수 있지만 단점으로 바디가 한 줄로 나와서 데이터를 한 눈에 알아보기가 힘들다. 특이하게 서브 도메인을 설정해서 Request를 받는 형식인데 test와 같은 잘 사용하는 단어로 들어가면 다른 사람이 테스트하는 게 같이 들어올 수 있다. https://requestcatcher.com/ Request Catcher — record HTTP requests, webhooks, API calls Request Catcher will create a subdomain on which you can test an application. Al..