Typescript 가 프론트엔드를 구현할 때 매우 유용하다고 생각합니다. Javascript 를 사용하며 발생하는 암묵적인 형식으로 인한 실수를 최소화 할 수 있고 명시적 타입을 통한 IDEA 지원이 개발 시에 매우 편리합니다. Vue 에서 편리하게 Universal Application 을 개발할 수 있는 NUXT(https://ko.nuxtjs.org/) 프레임워크와 Typescript 함께 사용하는 방법은 다음과 같습니다. 본 방법은 참고1 https://nuxtjs.org/guide/installation 와 참고2 https://nuxtjs.org/guide/typescript 에 작성된 가이드에 따르며 작성하였습니다. 워낙 간단하게만 기록이 되어 위 방법에 누락된 상세한 과정을 기록하였습니다. 환경 구성 NUXT와 Typscript를 함께 사용하는 환경을 설치합니다. 더보기

CORS는 웹서비스를 개발하다가 항상 고민하는 문제입니다. Vue 학습 용도의 간단한 프로젝트를 진행하다가 역시 또 문제가 발생하였습니다. AWS, Azure 등의 좋은 서비스에서 제공하는 Severless를 사용하는 것이 아니라 Non-server(^^;)인 경우에도 CORS 문제를 어떻게 해결할 수 있을까를 고민하였는데 Proxy 혹은 CORS를 우회하는 라우터 서버가 있으면 좋겠다는 생각하였습니다. 그래서 Go 프로그래밍 언어도 공부할 겸 Go를 이용한 CORS 라우터 개발을 해보았습니다. 워낙 간결하고 짧게 구현이 되어 매우 놀라고 생산성이 좋다는 생각이 들었습니다. bycors (Bypass CORS Router) bycors는 Bypass CORS 라는 의미의 CORS 라우터 프로젝트명입니다. 더보기

최신 브라우저에서는 HTTPS를 지원하지 않는 경우 안전하지 않은 사이트라는 경고 문구가 뜨고 접속이 불가능한 경우가 있습니다. 이 현상을 해결하기 위해서는 HTTPS를 통한 안정적인 암호화 통신을 제공해야 합니다. HTTPS를 위해서는 SSL인증서 발급이 필요합니다. SSL 인증서는 대부분 유료이지만 무료 SSL 인증서로는 Let’s Encrypt이라는 무료 Certificate Authority에서 제공합니다. Let’s Encrypt의 인증서는 3개월 주기로 새로 발급해야 하지만 무료이고 인증서 발급을 certbot 프로그램을 통해서 자동으로 발급 및 적용이 가능합니다. 본 글은 위 certbot 으로 자동 발급되지 않는 환경에서 인증서를 생성하는 방법을 설명합니다. 더보기

Go라는 언어에 관심이 생기고 현재 블로그를 굳이 특정 플랫폼이 아닌 Static Site로 가볍게 제공하고 싶다는 마음이 생겼습니다. 그리고 내가 손쉽게 수정 & 활용 가능한 Static Web Generator 플랫폼으로 Hugo를 관심있게 살펴보았습니다. 본 글은 Hugo를 이용하여 블로그를 구성하는 방법입니다. 왜 Hugo를 골랐을까? Static website를 만드는 다양한 프로그램 중 Jekyll vs Hugo이 유명합니다. 특히 Jekyll은 유명세만큼 폭 넓은 사용, 다양한 테마, 풍부한 설명(공식 설명, 블로그 포스트)들이 존재합니다. https://www.staticgen.com 캡쳐 화면, 2016-08-06 Jekyll 위엄 vs Hugo의 그럴싸한 성장율(? 더보기

React를 사용하다 Vue로 넘어간 글에 대한 접근이 가장 높아서 예전에 적었던 글을 업데이트 해서 다시 올립니다.. 검색 키워드로 가장 높다니, 실제 업무는 Backend인데… 재미있는 현실입니다 :) 원 글이 2016년 초에 작성되었으니 약 2년 조금 안되게 vue를 사용하면서 느낀 점을 기존 글에 추가로 작성하였습니다. React.js를 이용하여 웹 서비스를 개발하던 중, Virtual DOM의 장점을 느끼기 이전에 지속적으로 Virtual DOM을 위해 너무 많은 코드를 남발하고 있다는 점이 느꼈습니다. 또, 의미없는 코드(className)를 너무 많이 만들어가는 저의 모습을 보며 회의감을 React로부터 느끼고 있을 때, Vue. 더보기

Atlassian 제품을 처음 쓸 때는 오, 괜찮네., 으, 느려, 아, 그래도 참 좋았는데라는 생각을 주는 제품이 많습니다. JIRA, Confluence, Stash, 그리고 Source. Confluence를 사용하다 다른 Wiki 제품을 사용해보았는데 역시 참 좋았습니다. Space, Permission 관리 캡쳐화면 붙여넣기 & 편리한 첨부파일 업로드 다양한 Plugins 합리적인 가격 ($10, 개인, 소규모로 쓰기에 충분하다) 무엇보다도 가성비가 최고입니다. $10로 이렇게 편리한 툴을 구매할 수 있다는 사실이 너무나 좋습니다. Confluence 구축 MacMini에 Docker를 기반으로 구축하였습니다. 더보기

OSX Server에 기본적으로 Apache 웹서버를 제공하기 때문에 처음에는 이전 글 macOS Server의 Apache Virtual Host 설정 방법과 같이 Apache 웹서버의 Virtual Host를 이용하여 블로그 및 여러 서비스들을 Proxy로 구성하여 사용하고 있습니다. 하지만 가볍고 빠르다는 Nginx를 써보고 싶은 마음으로 Nginx를 이용한 설정 방법을 확인하였습니다. Apache 웹서버, nginx 둘 다 설정을 해본 느낌으로는 Nginx가 더 깔끔합니다. 성능의 차이는 개인 서버로 특별히 느낄 수 없지만 Osx Server 구매 내역이 아까워서 일단은 Apache를 사용할 예정입니다. 더보기

페이지 1 / 2
위로