-
나에게 맞는 와이어프레임 UI UX 툴 찾기
UI UX 툴은 다양한 종류가 있습니다. 이 중 나에게 맞는 툴은 무엇일까요? 현업에서 많이 사용하는 대표적인 4가지를 가져왔습니다. image: ‘/assets/posts/harry/ui-ux-tool/7.png’ 1. Sketch Sketch는 애플의 맥(Mac)에서 사용할 수 있는 디자인 앱입니다. UI, 모바일, 웹 및 아이콘 디자인에도 사용할 수 있습니다. 실제 현업에서 많이 사용하는 툴이지만, 단점으로는 맥에서만 동작이 되어, 윈도우 랩탑으로는 실행을 할 수 없습니다. 가격은 개인이 사용할 경우 $99 입니다. 2. Figma 다음으로는 피그마입니다 피그마도 웹/앱 디자인에 특화되었는데요. 스케치와의 차이점이라면, 어플리케이션을 다운받아 실행하는 게 아닌,...
-
Vue.js와 AWS Lambda, Nodemailer 로 이메일 전송 폼 만들기
Vue.js와 AWS Lambda, Nodemailer 로 이메일 전송 폼 만들기 by 신성환(github.com/blueStragglr) 글의 목적: 이 글을 읽고 나면 온라인에서 폼을 작성해서 submit하면 메일로 도착하는 컴포넌트를 개발하는 과정과 방법에 대해서 알게 됩니다. 서버리스 구축하는 내용은 Vue.js에 무관하게 다른 프로젝트에도 사용하실 수 있습니다. 만들 수 있는 것: 사용하는 것들: 프론트엔드 프레임워크 Vue.js, npm(node-mailer, nodemailer-smtp-transport), 구글계정, AWS계정, AWS Lambda, AWS API Gateway 작업 순서 프론트엔드 (Vue.js) 폼 만들기 axios로 post하기 백엔드(?) (AWS Lambda) Lambda 함수 생성 API Gateway로 POST...
-
S3, ACM, CloudFront, Route53으로 서버리스 프로젝트 https 배포하기
S3, ACM, CloudFront, Route53으로 서버리스 프로젝트 https 배포하기 by 신성환(github.com/blueStragglr) 포스트 소개 어떤 글인가요? 아직 AWS에 익숙하지 않은 프론트엔드 개발자가 처음부터 차근차근 따라해서 자신이 소유한 도메인에 https를 붙여 배포하는 과정을 상세히 작성한 글입니다. 별도의 백엔드가 존재하지 않는 서버리스 앱을 AWS를 통해서 배포하고 싶은데 아직 인프라와 친하지 않아 막막함을 느낄 (저같은)분들이 부담없이 시작해 볼 수 있도록, 삽질했던 것들을 복기하고 정리해 보았습니다. 무엇을 할 수 있나요? AWS의 다양한 서비스(S3, ACM, CloudFront, Route53)와 본인이 소유한 도메인을 이용해서 https로...
-
Github로 멋지게 협업하기
Github로 멋지게 협업하기 by 신성환(github.com/blueStragglr) *이 글은 깃 초심자에게 깃허브 사용법을 알려주기 위한 내용이 아닙니다! 기본적인 깃의 동작 방식을 알고 있는 사람들 중 목적성과 당위성을 바탕으로 한 사용을 원하는 사람들에게 경험을 공유하기 위해서 작성되었습니다. 들어가며 회사에서 이미 쓰고 있어서, 누가 좋다고 그래서, 아니면 어떤 이유로든 일단은 쓰고 있는 깃과 깃허브. 여러분은 깃을 왜 쓰고 계신가요? 스스로 말하기 조금 부끄러운 이야기이지만, 저는 기억력이 꽤 좋은 편입니다. 별 관심이 없는 사람의 음식 취향 같은것을 기억했다 오해를 샀던...
-
넷플릭스와 유튜브는 유저가 좋아할만한 것을 어떻게 추천해줄까?
Introduction 여러분은 넷플릭스와 유튜브가 무엇으로 유명한지 아시나요? 맞아요. 추천 시스템이에요! (아니면 어쩔 수 없구 ..) 추천 시스템이란 유저가 관심을 가질 것 같은 아이템 (ex. 영화, 옷, 음식 등) 을 유저에게 추천해주는 시스템을 말합니다. 사실 추천 시스템이 여러 방면에서 많이 쓰이다 보니 언급한 회사 뿐만 아니라 다른 회사들도 추천 시스템 기술을 이미 보유하고 있거나 도입하려고 하는 것 같아요. 그렇다면 추천 시스템은 우리가 좋아할만한 것들을 대체 어떻게 알고 추천해주는 걸까요? 이를 위해 관련 지식들을 짚어보고, 추천에서 가장...