인기 글
안녕하세요. 저는 게임을 좋아하는 백엔드 개발자로써, 줄곧 맥북과 윈도우 데스크탑을 함께 사용하고 싶은 욕구가 있었습니다. 그리고, 최근에 꽤나 만족스러운 퀄리티로 이 둘을 모두 사용하는 데스크셋업을 완료하여 공유합니다. 책상위에는 클램쉘모드의 맥북이, 아래에는 윈도우 데스크탑이 놓인 모습입니다. 선을 꼽았다뺐다 할 필요 없이, 두 pc가 모니터 2개와 마우스, 키보드 등을 공유하고 있습니다. 또한 리모콘으로 두 pc를 왔다갔다 할 수 있습니다. 맥과 윈도우를 왔다갔다 아래는 장치들의 연결 다이어그램입니다. 그림 속 kvm 스위치는 입출력 장치들과 두 pc를 분기하는 역할을 합니다. 이 스위치 덕에 두 pc를 자유롭게 오갈 수 있습니다. 도킹스테이션은 전원과 온갖 케이블을 하나의 c-type 케이블로 묶..
타입스크립트를 사용하다보면 흔히 볼 수 있는 에러가 있습니다. Type A is not assignable to type B. (2322) 위 케이스는 이해하기 너무나도 직관적이지만, 종종 저 타입 정의가 복잡해지게 되면 에러 해결에 어려움을 겪곤 합니다. 이 글에서는 이 에러 해결에 도움을 줄 수 있는 타입스크립트의 이론적인 개념들을 훑어봅니다. 서브타입과 슈퍼타입 Dog는 Animal인가요? 네 맞습니다. Animal이 Dog인가요? 아닙니다. 그러므로, Dog는 Animal의 부분집합입니다. 타입 세상에서는 더 큰 집합인 Animal을 슈퍼타입, 그 부분집합인 Dog를 서브타입이라 부릅니다. Animal을 담는 변수에 Dog를 담을수는 있지만, Dog를 담는 변수에 Animal을 담을 수는 없습니다..
· 토막글
oh-my-zsh은 멍청하고 입력이 불편한 터미널을 아주 똑똑하게 만들 수 있는 툴입니다. 맥북을 처음 구매했다면, 거의 필수로 깔아야하는 툴입니다. 설치 sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" 위 커맨드만 터미널에 입력해주면 설치는 끝입니다. oh-my-zsh는 기본적으로 온갖 alias를 제공합니다. alias를 터미널에 입력하여 어떤 alias가 가능한지 리스트를 볼 수 있습니다. 저는 alias 를 많이 사용하지는 않으나, 홈으로 바로 이동시켜주는 ~ 와 현재 경로의 모든 파일을 보여주는 ls -al의 alias인 la를 가장 많이 사용하는 것 같습니다. oh-my-..
개요 이 글은 컴퓨터 세상과 javascript에서 한글이 다뤄지는 방식을 알아봅니다. 오로지 대소문자 52자와 공백문자, 문장부호만 있으면 되는 영어와는 달리 한글은 자음과 모음의 조합으로 이루어져 있습니다. 한글은 그래서, 완성형과 조합형 두 가지 형태로 저장됩니다. '가' 부터 '힣' 까지의 11,172 자의 글자가 U+ AC00 ~ D7FF의 유니코드 공간을 할당받아 점유 중이고, 초성 'ㄱ'~'ㅎ' 와 모음(중성)과 종성이 U+ 1100 ~ 11FF의 공간을 점유중입니다. 이외에도 다른 한글관련 유니코드들이 있습니다. 조합형 글자들의 Normalization 문자의 Equivalence 이런 조합의 문제는 한글만이 겪는 것이 아닙니다. "가" 와 "ㄱ"+"ㅏ"가 동등한 것과 같은 성질을 동등성(..
주의) 필자도 아직 성공하지 못했습니다. 성공했습니다. 블로그 파비콘을 설정한지 꽤 오랜시간이 지났는데도, 파비콘이 생기지 않았다. 분명, 크롬 탭 상단에는 파비콘이 노출되고 있는데도. 관리 > 블로그 탭에서 아이콘과 파비콘을 넣어주었는데도 그렇다. 사이즈와 파일형식도 맞추라는대로 맞추었다. Google에서 제공하는 검색결과에 표시되는 웹사이트 파비콘 정의 방법에 의하면, 위 태그를에 심으면 된다고 한다. 실제로 내 블로그를 확인해보니 위 태그가 누락되어 있었다. 스킨 편집 > html 편집 에서 태그를 추가해주었다. 추가한 후 잠시 후, 실제 내 블로그에 내가 추가한 태그가 정상적으로 심어졌음을 확인했다. 그리고, 검색해본 바로 구글 크롤러의 파비콘 변경은 시간이 좀 걸린다고 하여, 기다려보기로 하였으..
전체 보기
· 토막글
쿠버네티스와 kubectl 커맨드 관련 작업을 행복하게 만들어주는 보조 도구들을 소개합니다. 쿠버네티스를 처음 사용하거나, 새로 개발 환경을 세팅해야 할 때, 읽어보세요. k9s https://k9scli.io/ K9s - Manage Your Kubernetes Clusters In Style Who Let The Pods Out? K9s is a terminal based UI to interact with your Kubernetes clusters. The aim of this project is to make it easier to navigate, observe and manage your deployed applications in the wild. K9s continually watches..
엑셀 또는 스프레드시트 파일을 Node.js 환경에서 다루고자 할 때, csv 파일을 사용합니다. Csv 파일은 여러 필드가 쉼표와 줄바꿈으로 표현된, 간단한 파일이므로, fs 모듈을 이용하여 쉽게 읽고쓰기 구현이 가능합니다. 하지만, 저는 아래의 라이브러리의 도움을 자주 받는 편입니다. https://csv.js.org/ CSV Project - Node.js CSV package This is a full-featured CSV parsing tool running entirely on your browser. No data leave your computer ! Use it also to learn how to use our packages and to test the various options ..
· 토막글
dump 가져오기 mysqldump --column-statistics=0 -h [host] -u [user] -p [데이터베이스명] > [파일명].sql -p : 패스워드를 입력하겠다는 옵션 --column-statistics=0: mysql 8.0부터 새로 지원하는 COLUMN_STATISTICS 테이블 관련 기능을 끄는(0)옵션 dump 밀어넣기 mysql -h [host] -u [user] -p [데이터베이스명] < [파일명].sql -p : 패스워드를 입력하겠다는 옵션
타입스크립트를 사용하다보면 흔히 볼 수 있는 에러가 있습니다. Type A is not assignable to type B. (2322) 위 케이스는 이해하기 너무나도 직관적이지만, 종종 저 타입 정의가 복잡해지게 되면 에러 해결에 어려움을 겪곤 합니다. 이 글에서는 이 에러 해결에 도움을 줄 수 있는 타입스크립트의 이론적인 개념들을 훑어봅니다. 서브타입과 슈퍼타입 Dog는 Animal인가요? 네 맞습니다. Animal이 Dog인가요? 아닙니다. 그러므로, Dog는 Animal의 부분집합입니다. 타입 세상에서는 더 큰 집합인 Animal을 슈퍼타입, 그 부분집합인 Dog를 서브타입이라 부릅니다. Animal을 담는 변수에 Dog를 담을수는 있지만, Dog를 담는 변수에 Animal을 담을 수는 없습니다..
주의) 필자도 아직 성공하지 못했습니다. 성공했습니다. 블로그 파비콘을 설정한지 꽤 오랜시간이 지났는데도, 파비콘이 생기지 않았다. 분명, 크롬 탭 상단에는 파비콘이 노출되고 있는데도. 관리 > 블로그 탭에서 아이콘과 파비콘을 넣어주었는데도 그렇다. 사이즈와 파일형식도 맞추라는대로 맞추었다. Google에서 제공하는 검색결과에 표시되는 웹사이트 파비콘 정의 방법에 의하면, 위 태그를에 심으면 된다고 한다. 실제로 내 블로그를 확인해보니 위 태그가 누락되어 있었다. 스킨 편집 > html 편집 에서 태그를 추가해주었다. 추가한 후 잠시 후, 실제 내 블로그에 내가 추가한 태그가 정상적으로 심어졌음을 확인했다. 그리고, 검색해본 바로 구글 크롤러의 파비콘 변경은 시간이 좀 걸린다고 하여, 기다려보기로 하였으..
개요 이 글은 컴퓨터 세상과 javascript에서 한글이 다뤄지는 방식을 알아봅니다. 오로지 대소문자 52자와 공백문자, 문장부호만 있으면 되는 영어와는 달리 한글은 자음과 모음의 조합으로 이루어져 있습니다. 한글은 그래서, 완성형과 조합형 두 가지 형태로 저장됩니다. '가' 부터 '힣' 까지의 11,172 자의 글자가 U+ AC00 ~ D7FF의 유니코드 공간을 할당받아 점유 중이고, 초성 'ㄱ'~'ㅎ' 와 모음(중성)과 종성이 U+ 1100 ~ 11FF의 공간을 점유중입니다. 이외에도 다른 한글관련 유니코드들이 있습니다. 조합형 글자들의 Normalization 문자의 Equivalence 이런 조합의 문제는 한글만이 겪는 것이 아닙니다. "가" 와 "ㄱ"+"ㅏ"가 동등한 것과 같은 성질을 동등성(..
· 토막글
IDE 사용 중 실수로 서버 등을 실행해둔 채로, IDE를 종료하여, 어떻게 종료해야 할지 모르겠을 때 사용합니다. 특정 포트를 사용하고 있는 PID를 찾아서 그 프로세스를 종료시키면 됩니다. macOS와 Linux 모두에서 적용 가능합니다. 예시) 8050번 포트를 잡아먹고 있는 내 프로세스를 죽이고 싶다면 lsof -i tcp:8050 # 혹은 netstat -vanp tcp | grep 8050 # 에서 PID 확인 후 kill -15
· 토막글
oh-my-zsh은 멍청하고 입력이 불편한 터미널을 아주 똑똑하게 만들 수 있는 툴입니다. 맥북을 처음 구매했다면, 거의 필수로 깔아야하는 툴입니다. 설치 sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" 위 커맨드만 터미널에 입력해주면 설치는 끝입니다. oh-my-zsh는 기본적으로 온갖 alias를 제공합니다. alias를 터미널에 입력하여 어떤 alias가 가능한지 리스트를 볼 수 있습니다. 저는 alias 를 많이 사용하지는 않으나, 홈으로 바로 이동시켜주는 ~ 와 현재 경로의 모든 파일을 보여주는 ls -al의 alias인 la를 가장 많이 사용하는 것 같습니다. oh-my-..
· 토막글
맥북을 사면 가장 먼저 해야 할 일 중 하나는 역시 터미널 꾸미기입니다. 저는 powerlevel10k로 터미널을 꾸며 사용하고 있습니다. 아래 내용은 powerlevel10k readme 에서 필요한 내용만 재구성한 것입니다. 기본 환경 세팅 이전에는 iterm2와 zsh이 설치되어 있습니다. zsh은 최신 맥북 OS 에서는 iterm2에 기본으로 깔려 있습니다. 설치 과정 터미널에 아래 명령어를 순서대로 입력해줍니다. # powerlevel10k를 로컬에 설치하는 커맨드 입니다 git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ~/powerlevel10k # 설치한 powerlevel10k 관련 내용을 zsh의 config 파일인 zs..
안녕하세요. Mozilla에서 소개된 HTTP의 역사 관련 글을 재구성해 보았습니다. https://developer.mozilla.org/ko/docs/Web/HTTP/Basics_of_HTTP HTTP 기본 - HTTP | MDN HTTP는 확장 가능한 프로토콜로 리소스 및 URI(Uniform Resource Identifier), 간단한 메시지 구조, 클라이언트-서버 통신 흐름과 같은 개념에 의존합니다. 이러한 기본 개념을 토대로, 새로운 HTTP 메서드나 developer.mozilla.org HTTP란? OSI 7계층에서 애플리케이션 계층의 프로토콜입니다. 일반적으로는 TCP 및 TLS(HTTPS) 계층 위에서 동작합니다. UDP 위에서 동작 가능하게 된 것은 아래 기술할 것이나, HTTP/3..
안녕하세요. 저는 게임을 좋아하는 백엔드 개발자로써, 줄곧 맥북과 윈도우 데스크탑을 함께 사용하고 싶은 욕구가 있었습니다. 그리고, 최근에 꽤나 만족스러운 퀄리티로 이 둘을 모두 사용하는 데스크셋업을 완료하여 공유합니다. 책상위에는 클램쉘모드의 맥북이, 아래에는 윈도우 데스크탑이 놓인 모습입니다. 선을 꼽았다뺐다 할 필요 없이, 두 pc가 모니터 2개와 마우스, 키보드 등을 공유하고 있습니다. 또한 리모콘으로 두 pc를 왔다갔다 할 수 있습니다. 맥과 윈도우를 왔다갔다 아래는 장치들의 연결 다이어그램입니다. 그림 속 kvm 스위치는 입출력 장치들과 두 pc를 분기하는 역할을 합니다. 이 스위치 덕에 두 pc를 자유롭게 오갈 수 있습니다. 도킹스테이션은 전원과 온갖 케이블을 하나의 c-type 케이블로 묶..
데코레이터란 무엇인가? 디자인 패턴으로써의 데코레이터의 의미와 typescript에서의 데코레이터 사용법을 알아보자. 디자인패턴으로써의 데코레이터 구조 패턴에 속한다. AOP(Aspect Oriented Programming)의 주요 개념인 흩어진 관심사(Crosscutting Concerns)를 구현하는데 탁월하다. 아래 두 글에서 적절한 비유로 잘 설명해주고 있다. https://refactoring.guru/ko/design-patterns/decorator https://gmlwjd9405.github.io/2018/07/09/decorator-pattern.html 위 두 링크의 내용을 간단히 요약해보겠다. 우리가 알림서비스를 개발한다고 가정하자. 유저가 어떤 행동을 했느냐에 따라, SMS 알림..
Artillery는 Node.js 기반의 API 부하테스트 도구입니다. HTTP 혹은 websocket request를 원하는 시나리오대로 쏴볼수 있습니다. 이를테면, 10분동안 초당 5개의 POST /cat 요청을 쏜다. 같은 상황을 재현할 수 있습니다. 제가 생각하는 Artillery의 장점은 아래와 같습니다. 간단한 YAML 파일 작성 만으로도 테스트가 가능 인터페이스도 간단하고 직관적이며, docs도 꽤나 잘 되어 있어서 러닝커브가 적음 테스트 후 보기좋게 시각화된 레포를 제공해줌. Artillery란? Artillery 사용법의 핵심이자 전부인 YAML 파일의 샘플을 보겠습니다. config: target: "http://asciiart.artillery.io:8080" phases: - dur..
· Legacy
200524 JPA Layered Architecture Presentation layer : View Control layer: Controller Business layer: Service Persistence layer: DAO(Data Access Object, Repository) ← 데이터에 영속성을 부여해줌 Domain Model layer: VO(Value Object), DTO(Data Transfer Object) DTO 로직을 갖지 않는 순수한 데이터 객체 속성과 getter, setter만으로 이루어진 클래스! VO는 DTO와 거의 비슷하나 read only 속성을 가짐 DTO는 전송되는 데이터의 컨테이너, VO는 데이터 그 자체(객체)의 의미로 사용됨 DAO DB로의 접근을 전담하..
준별
준별개발