Kendrick's Blog

결혼 모바일 초대장 후기 모바일 청첩장 만든 리뷰를 쓰려고 하는데, 결혼한 지 2년이 훌쩍 지났습니다. 이제 와서 포스트를 작성하려니 기억이 가물가물 하네요. ㅋㅋ 그래도 이왕 만든 거, 다른 분들처럼 공유하고 싶어서 억지로 기억을 짜내서 작성해봤습니다. 왜 만드는데 시간을 쓰시죠? 모바일 청첩장을 만든다고 했을 주변인들에게 가장 많이 들었던 질문입니다. 결혼 청첩장을 계약할 때 보통 업체에서 공짜로 만들어주지만, 광고도 보기 싫고 개인적으로 댓글들을 소장하고 싶어서 유지 가능한 사이트를 가지고 싶었습니다. 그리고 다른 개발자 블로그에서 모바일 청첩장을 직접 만들어서 소개하는 글을 인상 깊게 보기도 했고요. 주변 친구들의 청첩장이나 온라인 샘플을 둘러보고, 이 정도면 금방 만들겠구나 싶어서 호다닥 만들어..

Redux + Express Website BoilerPlateRedux + Express Website BoilerPlateInstallationFeaturesUsing Time Machine Debugging기본 웹 레이아웃으로 구성된 보일러플레이트입니다. 라우팅은 react-router v3을 사용합니다.back-end는 express를 사용하고 있으며, front-end는 react+redux를 사용하고 있습니다. 브라우저 확장프로그램 redux-devtools를 이용하여 시간여행 디버깅을 지원합니다. 스타일은 기본적으로 SASS를 사용하며 부트스트랩도 추가되어있습니다. 자세한 특징은 Features 항목을 참고해주세요 InstallationGithub 바로가기If you are using a y..

Atom Package - Regex Filter And GeneratorRegex Filter And Generator는 아톰 에디터의 패키지 입니다.소개이름을 직역하면 정규식 필터 그리고 생성기입니다.간단히 설명하면 열려있는 Atom 에디터에 Regular Expression를 입력하면 해당하는 텍스트에 마커가 추가됩니다.정규식 테스트 가능자주 사용하는 정규식 제공설치 및 참고 링크Setting -> Install -> regex-filter-and-generator 검색하여 설치할 수 있습니다. 단축키 Windows : Ctrl+Alt+R OSX : Ctrl+Option+R Atom Package Github Libraries.io기능정규식 필터입력받은 정규식을 이용하여 정규식에 해당하는 텍스트에 ..

GNIN이 사이트는 간단한 포스트를 올리는 사이트입니다.개인적으로 아는 Noname이라는 작가분의 닉네임을 기려서 Guest Name Is Noname의 앞글자를 따서 지었습니다.그래서 제목만 보면 마치 비회원도 포스팅할 수 있는 사이트 같지만, 사실 회원제라는게 함정입니다. 😃 React를 사용하다보니 단순 웹페이지라기 보다는 웹어플리케이션이라는 느낌으로 만들었습니다. 사이트 주소GNIN - gnin.herokuapp.com개발환경Server : Node.JS 서버 환경은 Node.JS(Express.js)입니다. 빌더는 Webpack을 사용하였습니다. FrontEnd : React + Redux (로그인, 프로필 페이지 제외) 로그인, 프로필 수정 페이지는 간단한 html페이지지만 메인기능은 포스트페..