💻기술

TypeScript는 전 세계 개발자들에게 사랑받는 JS 런타임 중 하나입니다. 저 역시도 기존 자바스크립트로 진행하던 프로젝트를 모두 타입스크립트로 리팩토링하기도 했죠. 이전 대비 엄청난 생산성과 더불어 다시는 Type Error를 보게 되지 않았다는 점도 장점입니다. 근데 대게 타입스크립트를 처음 배우고 적용하는데 어려움을 겪습니다. 겉으로만 보면 JavaScript와 크게 달라지지도 않아 보이는데 굳이 불편하게 적용할 이유는 없어 보이기도 합니다. 학습 난이도와 합리적이지 않은 개발 과정 때문에 주니어 개발자분들은 그 필요성을 잘 못 느끼시는 편입니다. 그러나 제 주변에도 타입스크립트!, 취업 시장에서도 타입스크립트!를 부른다면 거기에는 합리적인 이유가 있다는 증거입니다. 왜 자바스크립트 대신에 타..

Docker와 Nginx를 사용해 컨테이너를 빌드할 때마다 자동으로 배포되는 서비스를 구축해 보겠습니다. 제가 일전에 기술블로그에 올렸던 GoCD와 같이 쓰시면 배포 생산성이 높아집니다. 이런 과정을 CD(지속적인 배포)라고 부르는데 적어도 소프트웨어를 다루고 있다면 관련 공부는 필수적입니다. 대부분 DevOps 과정으로 편입되니 인프라나 클라우드 관련 취업이 목적이라면 꼭 알아두셔야 할 기초 개념입니다. 이 포스트에서는 Docker로 자동배포 + SSL 적용까지 한 번에 해결되는 배포 시스템을 구축해 봅니다. 1. 자동 배포 https://hub.docker.com/r/nginxproxy/nginx-proxy Docker hub.docker.com 스크립트는 다음과 같습니다. 아래는 Mac/Linux ..

해커톤을 나가거나 실무를 한다면 협업은 필수입니다. 이때 어떤 사람은 끝에 세미콜론을 안 붙이거나, 같은 알고리즘을 짜더라도 가독성을 신경 쓰지 않거나, Tab vs Space 논쟁이 시사하는 것처럼 컨벤션을 다르게 하기도 합니다. 이때마다 "컨벤션을 통일합시다"라고 말하기에는 각자의 코드 스타일이 너무 명확해서 오히려 불편해지고 생산성이 떨어지는 문제를 낳습니다. 그럴때 VSCode에는 협업을 위한 익스텐션이 여러 개 존재합니다. 이 포스트에서는 유용한 VSCode 익스텐션을 살펴보고 어떤 이점이 있는지 살펴봅니다. 1. Prettier - Code formatter 코드 포멧팅 도구입니다. 사실상 협업의 필수이기도 하고 앞서 언급했듯 Tab vs Space 논쟁을 한 번에 일축할 최고의 도구입니다. ..

디자인 시스템 디자인 시스템은 UIUX 디자인 전반을 포괄하는 체계다. 제품의 성격과 사용성을 규정하며, 체계적이고 유연함과 동시에 빠른 디자인을 가능하게 한다. 흔히 애플스럽다, 딱딱하다, 부드럽다 같은 디자인의 주관적인 느낌을 결정하는데 중요한 역할을 한다. 대부분의 많은 회사와 조직이 디자인 시스템을 가지고 있으며 최근 들어서는 대기업뿐 아니라 일반 스타트업 까지도 디자인 시스템의 중요성이 부각되는 추세다. 디자인 시스템의 역할은 협업 용의성에 있다. 디자이너가 제시한 초안을 바탕으로 개발자는 직접 개발하게 되는데, 디자인 시스템이 없다면 px 단위인지 mm단위인지부터 서면으로 상세하게 규정해야 한다. 시스템의 부재로 인해 협업 시간이 오래 소요되고, 불필요한 소통이 증가하게 된다. 단순히 디자인 ..

이 글에서 나오는 업체명, 서비스 이름은 광고가 아닙니다. 어떠한 원고료, 수고비등의 보상을 받지 않고 작성한 글임을 밝힙니다. 코드사인 인증서 발급에 관한 글이 없다시피 해서 이번 기회에 적어보려 한다. 개인적으로 electron, javascript(+type)으로 윈도우 프로그램을 만들어보며 겪은 일화 중, 코드사인이 가장 골치 아팠다. 그만큼 자료가 부족하기도 하고 쓸데없이 외국에서 구매해 보겠다고 삽질하는 바람에 약 1개월을 날렸던 기억이 있다. 그런 의미에서 이 글을 읽는 여러분들은 필자의 삽질을 따라 하지 않길 바라는 마음에서 공유해보려고 한다. 코드 사인 관련 블로그로는 아래를 참고했다. https://blog.horyu.me/20 코드 사인 인증서 발급기 1 - 자료 조사 평소에 C# 으..

프로그래밍 언어, Javascript. 특정한 소프트웨어를 만드는 데 있어 언어의 제약은 없지만, 개발 목적에 따라 특화된 언어는 존재한다. C#은 윈도우즈 개발, Java는 쉬운 코드와 안정성 범용성, Python은 ML. JavaScript는 웹이다. 현대의 산업은 웹에서 시작해, 웹으로 끝난다. 그만큼 인터넷과 웹의 범위는 상당하고 또 중요하다. 대부분의 전자상거래가 인터넷으로 이루어진 만큼, 개발자는 사용자에게 필요한 기능을 빠르고 안정적으로 제공해야 한다. 개발자가 선택할 수 있는 플랫폼은 두 가지다. 웹이냐 앱이냐. 앱 개발은 개발 비용이나 복잡성만큼이나, 빠르게 개발하기는 어렵다. 배포도 웹만큼 간편하지 않다. 심지어 플랫폼 업자에게 심사까지 받아야 한다. 반면 웹 개발에는 제한요소가 없다...

개인정보 동의 현대 사회에서의 거래는 대부분 인터넷에서 이루어진다. 단적인 예로 배달음식이 있다. 맛있는 음식을 먹기 위해 굳이 음적점에 가지 않아도 배달의 민족에서 시켜먹으면 된다. 이러한 거래는 배달 수령을 제외하고 모두 온라인상에서 이루어진다. 그렇기 때문에 배달 서비스 제공자는 내가 누구이지 상세하게 알아야 한다. 그래야 올바른 장소로 안전한 배달이 가능할 테니 말이다. 동시에 배달의 민족 같은 서비스 제공자는 추천 알고리즘 개선을 위해 추가 정보도 수집한다. 배달 서비스를 예시로 들자면 소비자의 성별, 나이, 최근 주문했던 음식 정보가 수집하는 정보에 해당한다. 소비자를 알면 알수록 추천 알고리즘의 정확도는 높아진다. 알고리즘 정확도가 높다면 맛있는 음식을 먹기 위한 주문 소요시간이 줄어들고 전..

NodeJS는 가장 널리 쓰이는 백엔드 환경이다. 그만큼 보안 이슈도 많고 보안 관련 프레임워크도 다양하다. 이 포스트에서는 NodeJS의 보안을 향상할 수 있는 기초적인 방법을 소개할 예정이다. 1. NPM audit npm 모듈의 보안 취약점을 자동으로 진단해주고 모듈을 최신 버전으로 업데이트해주는 기능이다. 프로젝트 디렉터리에서 요청하면 된다. npm audit 2. ngnix 사용 nodejs를 80, 443포트로 바로 노출시키면 여러 보안 이슈에 직면할 수 있다. 포트는 3000으로 해놓고 ngnix proxy 기능을 사용해서 뒤에 숨겨주자. 또한 letsencrypt를 사용해서 인증서를 발급받기에도 수월해진다. 3. Helmet 보안 모듈 적용 express 프레임워크 사용시 헤더 설정으로 알..