기본 콘텐츠로 건너뛰기

개발 공부 - Whale 브라우저에서 이미지 표시 하지 않기

whale://settings/content/images?search=%EC%9D%B4%EB%AF%B8%EC%A7%80 개인정보 보호 → 사이트 설정  → [콘텐츠] 이미지  사이트 전체 차단을 할 수도 있고, 내가 한 것처럼 [*.]blog.naver.com 만 차단 해도 된다.
최근 글

개발 공부 - Whale 웹 콘텐츠 다크 모드

웹 콘텐츠 다크 모드 사용/종료 [Alt + Shift + D] 위 브라우저 명령어가 기본 whale 다크 모드 설정 명령어이다. 그런데, 이 옵션을 안 바꿔주면 모든 사이트에 적용 모드가 기본이다. 따라서 부분적으로만 사용하고 싶으면 [현재 사이트에 적용] 버튼을 눌러 둬야 한다. 다크 모드 예약을 하지 않고 원래부터 윈도우에 따라서 설치가 됬던 것 같지만 정확히 기억이 안 나고, 블로그가 너무 쨍해서 다크 모드로 바꿔 주었다. 이거 단축키 눌러도 단축키가 안 먹는다고 생각한다면 url 주소창에서 누르면 바뀐다!

개발 공부 - 마이크로서비스 통신에서의 동기와 비동기의 차이

MSA에서 서비스 간 통신은 동기 / 비동기로 나눌 수 있다. 1. 동기 통신 (Synchronous Communication) (1) 정의 클라이언트가 요청을 보내고 서버로부터 응답을 받을 때까지 기다리는 방식이다. 일반적으로 HTTP/REST, gRPC 등이 동기 통신에 사용된다. (2) 특징 응답 : 즉각적이다. 클라이언트는 서버로부터 즉각적인 응답을 받는다. 복잡성 : 단순하다. 구현이 비교적 단순하며, 요청-응답 패턴이 명확하 장애문제 : 서버가 응답을 주지 않으면 클라이언트는 타임아웃이 발생할 수 있다. 결합도 : 서비스 간의 결합도가 높아질 수 있다. 하나의 서비스가 느려지거나 다운되면 전체 시스템에 영향을 미칠 수 있다. (3) 사용 사례 실시간 데이터 조회 사용자 인증 및 권한 부여 단순한 CRUD 작업 (4) 요약 [동기] 응답 시간 : 즉각적 구현 복잡도 : 낮음 결합도 : 높음 확장성 : 낮음 내결함성 : 낮음 사용 사례 : 실시간 조회, 인증 2. 비동기 통신 (Asynchronous Communication) (1) 정의 클라이언트가 요청을 보내고 즉시 다음 작업을 수행하며, 서버의 응답은 나중에 비동기적으로 처리되는 방식이다. 메시지 큐(Kafka, RabbitMQ), 이벤트 스트리밍, WebSocket 등이 비동기 통신에 사용된다. (2) 특징 응답 : 비즉각적이다. 클라이언트는 서버의 응답을 기다리지 않고 다른 작업을 계속할 수 있다. 복잡성 : 구현이 비교적 복잡하며, 메시지 전달 보장, 순서 보장 등의 추가적인 고려사항이 필요하다. 장애문제 : 하나의 서비스가 다운되더라도 전체 시스템에 미치는 영향이 적다. 결합도 : 서비스 간의 결합도가 낮아져 시스템의 확장성이 높아진다. (3) 사용 사례 주문 처리 시스템 이메일 전송 로그 수집 및 분석 비동기 이벤트 처리 (4) 요약 [비동기] 응답 시간 : 지연될 수 있음 구현 복잡도 : 높음 결합도

개발 공부 - 윈도우에서 프로그램 창 최상단 고정 (deskpins)

https://deskpins.softonic.kr/ 위 링크에서 다운 받을 수 있고, 이렇게 notepad 등 위에 올려놓고 싶은 창을 고정을 시킬 수 있다. blogger라서 파일 첨부가 귀찮기 때문에 홈페이지 링크만 걸어둔다. 작업 표시줄의 옵션에 들어가서 핀의 색상도 바꿀 수 있다. 출처 : 웹 서칭 하다가 댓글에서 발견했지만, 세부 사항은 아래에서 확인했다. https://verycrazy.tistory.com/48

개발 공부 - SECURE CRT Configuration 복원

회사에서 SecureCRT를 쓰는데, 설정 자체를 옮겨 받아야 할 일이 생겨서 기재한다. 기존에 사용하거나 인수인계 시에는 C:\Users\사용자\AppData\Roaming\VanDyke\Config에 있는 Config 파일을 옮겨서 사용하면 된다. 이미 라이선스 인증이 된 상태여야 정상 동작한다. 라이선스는 회사 것이라 정품을 사용하기는 하는데 이러한 것 도 있는 것 같다. 하지만 DBeaver 를 쓰는 트렌디한 나의 모습.

개발 공부 - 자주 쓰는 리눅스 명령어 공부

grep 정리를 하다가 3년 전에 쓰려다 만 글을 꺼내서 추가 기재한다. 이렇게 쌓인 숙제를 하나 씩 해결하면 언젠가 끝날 숙제! 어쨌든 아래와 같다. 0. grep: 파일에서 지정된 패턴을 검색합니다. 패턴에 해당하는 모든 라인을 표시한다. grep "패턴" 파일 명 grep 을 기본밖에 안 써서, 조금 더 잘 써보려고 상세 정리를 했다.

개발 공부 - LastPass (암호 관리 프로그램)

LastPass는 암호 관리 프로그램이다. 이 프로그램에 암호를 저장해 두면, 암호를 어렵게 만들어도 이 프로그램이 자동 완성을 해 준다. LastPass 서버에서 암호를 저장하는 것이 큰 문제이긴 한데, LastPass 서버 해킹 시 개인 정보가 전체 다 날아가기 때문이다!!!!!!! 그래서 크롬에 중요하지 않은 정보만 자동완성으로 저장해서 사용했는데, 회사에서는 크롬 정책 자체가 막혀 있기 때문에 local 테스트 시 귀찮아서 설치했다. 진짜 중요한 정보는 못 넣을 것 같지만 일단 편하게 살려고 깔았다. 이전 회사에서 부장님이 구글 스프레드시트로 비밀번호 복붙 하시는 걸 보고 너무 무서워서 조금 두려워하며 LastPass를 사용했는데, 알려드리니 전사 유료결제를 해 주셨었다. 그런 유료 정책은 좋은 회사였지만 이전 회사! 아무튼 잘 쓰고 있었는데 유료 결제를 안 하면 모든 단말기가 아닌 한 단말기 유형에서만 사용할 수 있다고 한다. 단말기라는 것은 PC나 mobile 중 하나만 되는 것이라고 한다. 아무튼 잘 쓰고 있으므로 기재해 보았다. 이것도 2023년 8월 2일에 제목만 써 두고 기재를 안 한 것이라서, 그냥 개념적인 정리를 하려고 했었나? 라고 생각하며 기재했다.

개발 공부 - 다수 원격 PC 관리 툴 (RDCMAN)

 요즘  https://blog.naver.com/hopepekr/222189623319 이런 글들을 보면 mstsc를 쓰라고 하지만 그래도 RDCMAN 이란 것이 있다는 것을 기재하기 위해 사용한다. 매번 여러 개의 MSTSC를 여는 것보다는 하나로 관리 하는 것이 편하기 때문에 RDCMAN을 사용한다. 이런 식으로 관리 가능하다. (사진 출처 : https://techcommunity.microsoft.com/t5/exchange-team-blog/introducing-remote-desktop-connection-manager-rdcman-2-2/ba-p/592989/page/2) 전에 인프라 엔지니어 분들이 쓰시는 걸 보고 따라서 썼는데 좋긴 하다. 하지만 치명적으로 윈도우키 전체를 쓸 수 없는 이슈가 있어서 그냥 mstsc를 쓰는 중이다... 뭔가 행복하게 살고 싶다.

개발 공부 - intellij New UI의 run/debug configuration 위치 (Edit Configuration)

intellij New UI에서는 run/debug configuration 대신에 [Edit Configuration] 을 사용한다. 기존 설정 중에 run/debug configuration을 꽤 많이 쓰는데, 위치가 없어서 혼란스럽다. Edit Configuration을 키면 저 설정창이 뜬다. 그리고 Build and run에서 Add VM options를 찾아서 넣으면 정상적으로 VM Option도 사용할 수 있다. 출처 : https://journey.temenos.com/api/sdk/setup-ide-intellij/ 화면 캡처 : https://www.inflearn.com/community/questions/608101/run-debug-configuration-%EC%97%90%EC%84%9C-enviroment-%EC%98%B5%EC%85%98%EC%9D%B4-%EB%B3%B4%EC%9D%B4%EC%A7%80-%EC%95%8A%EC%95%84%EC%9A%94

개발 공부 - 윈도우 11 기본 앱 변경

여러 가지 방식이 있다. 1. 탐색기에서 기본 앱 설정을 한다. 2. 파일 오른쪽 클릭을 하고, 연결 프로그램 → 다른 앱 선택을 해서 PC에서 앱 선택을 한 뒤 고른다. 3. 설정  → 앱 → 기본 앱 → 선택을 한다. 브라우저 같은 경우에는 whale이나 chrome으로 변경을 하는 것이 정신 건강에 좋다. 출처 : https://extrememanual.net/46370

정보 공유 - 입사후 4대보험 가입 기간

국민연금 : 입사일 15일 이내 가입 건강보험 :  입사일 14일 이내 가입 고용보험 :  입사일 15일 이내 가입 산재보험 :  입사일 15일 이내 가입 요약 : 입사 후 가입을 안 해주면 벌금을 낸다. 법 근거 : 아래에 법령 정보를 복사 하였다. 국민연금법 ( https://www.law.go.kr/법령/국민연금법 ) 제21조(가입자 자격 및 소득 등에 관한 신고)  ① 사업장가입자의 사용자는  보건복지부령 으로 정하는 바에 따라 당연적용사업장에 해당된 사실, 사업장의 내용 변경 및 휴업ㆍ폐업 등에 관한 사항과 가입자 자격의 취득ㆍ상실, 가입자의 소득월액 등에 관한 사항을 국민연금공단에 신고하여야 한다.  <개정 2008. 2. 29., 2010. 1. 18.> ② 지역가입자, 임의가입자 및 임의계속가입자는  보건복지부령 으로 정하는 바에 따라 자격의 취득ㆍ상실, 이름 또는 주소의 변경 및 소득에 관한 사항 등을 국민연금공단에 신고하여야 한다.  <개정 2008. 2. 29., 2010. 1. 18.> ③ 지역가입자, 임의가입자 또는 임의계속가입자가 부득이한 사유로 제2항에 따른 신고를 할 수 없는 경우에는 배우자나 그 밖의 가족이 신고를 대리(代理)할 수 있다. [제목개정 2016. 5. 29.] 제131조(과태료)  ① 다음 각 호의 어느 하나에 해당하는 자에게는 50만원 이하의 과태료를 부과한다.  <신설 2011. 12. 31.> 1.  제21조 제1항 을 위반하여 신고를 하지 아니하거나 거짓으로 신고한 사용자 2.  제122조 에 따라 공단 또는 공단의 직원이 서류나 그 밖의 자료 제출을 요구하거나 조사ㆍ질문을 할 때 이를 거부ㆍ기피ㆍ방해하거나 거짓으로 답변한 사용자 ② 다음 각 호의 어느 하나에 해당하는 자에게는 10만원 이하의 과태료를 부과한다.  <개정 2011. 12. 31.> 1.  제21조 제2항 ㆍ 제121조 제1항  또는  제2항 에 따른 신고를 하지 아니한 자 2.  제23조 제2항 에

개발 공부 - PowerToys의 PowerRename을 사용해서 파일명 일괄 바꾸기

일단 파일명이 aaaa_★.pdf 였다고 할 때, _★을 일괄적으로 바꾸려고 사용했다. 사실 화면 분할 때문에 PowerToys를 사용했는데, 파일 고를 때마다 이 기능이 떠서 사용 해봤다. https://learn.microsoft.com/ko-kr/windows/powertoys/ PowerRename에서 파일 이름의 특정 패턴을 변경하려면 정규식을 사용한다. 만약에 [바꿀문자열]이라는 문자열을 제거하려고 한다면 아래와 같이 사용한다. 1. PowerRename 실행: 파일 탐색기에서 파일을 선택하고, 마우스 오른쪽 버튼을 클릭하여 이라고 [PowerRename으로 이름 바꾸기]를 선택한다. 선택 시에 여러 파일을 선택 해도 된다. 2. 정규식 설정: 파일 끝부분 부터 바꾸려면 Find 필드에 다음 정규식을 입력한다. [ 바꿀문자열\.txt$ ] 이 정규식은 파일 이름의 끝부분에서 "바꿀문자열.txt"를 찾는 것이다.      Replace 필드에는 `.txt`를 입력해서 "바꿀문자열.txt"를 ".txt"로 교체할 수 있게 한다.     3. 정규식 옵션 체크: PowerRename 창에서 "Use Regular Expressions" 옵션이 활성화되어 있는지 확인한다. 이건 "정규식 사용"  이라고 표기 될 수도 있다. 4. 미리보기 확인:    - 파일 이름이 어떻게 변경될지 미리 보기로 확인할 수 있다. "바꿀문자열.txt"가 ".txt"로 바뀌는지 확인할 수 있다. 5. 이름 변경 적용: 적용 버튼을 눌러서 적용 하면 아래와 같이 일괄적으로 바뀐다.

개발 공부 - 맥북에서 MobaXterm 대신 다른 SSH 클라이언트 사용

 ssh 클라이언트 중 모바엑스텀을 제일 좋아한다. https://mobaxterm.mobatek.net/ 그러나 맥북에서는 쓸 수 없기에 터미널로 존버하다가 다른 대체품을 찾아보았다. https://www.clien.net/service/board/cm_mac/14915704 이것과 https://ko.altapps.net/soft/mobaxterm?platform=mac 이것을 조회해 본 결과 zoc이 좋다고 하여 iterm2 를 쓰기 전 ZOC를 써보기로 했다. -> 라고 하고 유료라고 해서 다시 iTerm2로 돌아왔다. 라고 했으나 모바를 이길 수 없음. 이게 2023년 2월 20일에 검색용으로 적어 두었던 글인데, 요즘은 Termius를 쓴다. Windows에서도 MAC에서도 Termius로 계정을 만들어 두면 계정 정보 공유도 되고 좋다! 그러나 모바도 아직 쓴다.

개발 공부 - VS Code의 Sticky scroll 기능 끄기

기존에 써 둔 것도 있어서 자체 검색용으로 게시한다. WEB IDE 에서 좋으라고 만들어 준 사항인데 난 이게 너무 싫다 이 기능은 긴 코드 파일을 스크롤 할 때, 현재 커서의 위치를 추적해서 상단에 고정한다. 특정 코드 블록이나 함수 헤더 쪽이 위에 붙어있게 되어서 쓸데없이 화면을 차지하게 된다! 1. VS Code 설정 열기:    - `Ctrl + ,`를 눌러서 설정을 엽니다. 2. Sticky Scroll 설정 검색:    - 검색창에 "sticky"를 입력합니다.    - "Editor: Sticky Scroll" 항목을 찾을 수 있습니다. 3. 비활성화:    - "Editor > Sticky Scroll" 또는 "Sticky Scroll.enabled" 설정을 끄면 됩니다. 이 옵션을 비활성화하면 더 이상 상단에 고정되는 코드 블록을 보지 않게 될 것입니다. 이걸 끄고 써야 내 정신 건강이 좋아진다! 이게 하단에 뜨면 괜찮은데 상단에 떠서 WEB IDE에서는 오히려 방해가 된다.

개발 공부 - GitHub Web IDE = VSCODE for the WEB = vscode.dev 편집창 위쪽 범위 표시 없애기

일단 제일 스트레스 받는 기능의 이름을 몰라서, 여러 가지를 다 찾아 보았다. 1. Sticky Scroll (스크롤 시에 편집창 위쪽에 3~4줄을 차지하면서 스트레스를 준다.)    - 기능 설명: 스크롤할 때 상단에 현재 코드 블록(예: 함수, 클래스)의 헤더를 고정해 보여줌.    - 비활성화 방법:      1. `Ctrl + ,` 눌러 설정 열기.      2. 검색창에 "Sticky" 입력.      3. "Editor > Sticky Scroll" 설정을 끄기. 이 기능을 없애기 위해 여러 가지 다른 기능을 같이 없앴다. 2. Breadcrumbs (현재 파일 위치를 minimap 보다 요상한 위치에 보여준다.)    - 기능 설명: 파일 내의 현재 위치를 탐색 경로 형태로 보여줌.    - 비활성화 방법:       1. `Ctrl + ,` 눌러 설정 열기.      2. 검색창에 "Breadcrumbs" 입력.      3. "Breadcrumbs: Enabled" 설정을 끄기. 3. Code Lens (참조 링크가 없어도 되는 상태에서도 링크를 제공해 준다.)    - 기능 설명: 코드 위에 관련 정보나 액션(예: 참조, 테스트 실행)을 제공하는 링크를 표시.    - 비활성화 방법:      1. `Ctrl + ,` 눌러 설정 열기.      2. 검색창에 "Code Lens" 입력.      3. "Editor: Code Lens" 설정을 끄기. 4. Minimap (옆에 도로록 도로록 굴리는 미니맵이다.)    - 기능 설명: 에디터 오른쪽에 파일의 축소된 미니맵을 보여줌.    - 비활성화 방법:      1. `Ctrl + ,` 눌러 설정 열기.      2. 검색창에 "Minimap" 입력.      3. "Editor: Minimap" 설정을 끄기. 5. Editor Rulers (이