분류 전체보기
-
웹 개발에 유용한 생성기카테고리 없음 2020. 1. 15. 16:01
들어가며 지금까지 배우고, 알게 된 것들을 정리할 겸 생성기를 만들어 보았다. 틈틈이 시간 되면 하나씩 만들어 보려고 한다. Random string 지정한 길이만큼 임의의 문자열을 생성한다. Youtube의 vid, facebook user hash와 같은 unique 한 아이디로 많이 사용된다. UUID 파일 업로드 시 파일 이름이 겹치지 않도록 하거나, 웹로그 저장 시 사용하였다. AWS S3 기반으로 Backoffice 개발 시에 Post 아이디로도 사용했었다. Metadata tags metadata 입력은 매번 귀찮은 작업이다. 내용을 알맞게 구성하여, 복사/붙여 넣기 하자. 사이트가 한번 공유 되면 각 서비스마다 Cache 가 남아 수정해도 반영되지가 않으니, 아래에 캐쉬 삭제 URL 참고 ..
-
Vue 개발자가 React로 사이트를 만들어 보았다카테고리 없음 2020. 1. 9. 19:04
들어가며 이용하는 서비스마다 비밀번호 규칙이 달라 오랜만에 접속하는 서비스는 비밀번호를 잊어버려 패스워드를 재설정하는 일이 빈번하게 발생했다. 명색이 개발자인데 서비스를 이용하는데 불편하면 안 되지 해서 패스워드를 관리하는 사이트를 만들기로 결심했다. 기능 정리 비밀번호를 관리하는 데 있어 제일 중요한 부분은 보안이다. 인터넷상에 비밀번호를 그대로 저장하는 것은 위험하니 비밀번호를 암호화 후에 필요할 때마다 복호화하는 기능과 아무나 내 비밀번호 리스트를 보이면 안 되니 로그인 기능이 필요했다. 필요한 페이지는 로그인, 새로 만들기, 목록, 수정/삭제의 4개의 페이지만 필요했고, Database, Auth는 Firebase로 구현했다. create-react-app my-password --template..
-
Mac automator snippet카테고리 없음 2020. 1. 5. 01:00
들어가며 Windows의 경우 응용프로그램 대부분이 Context menu에 편리한 기능을 자동으로 등록을 해주지만, Mac. 은 그런 기능이 거의 없다. 이번 글은 Mac Application에 있는 Automator를 사용하여 조금 더 편리한 작업 환경을 만들어 보는 방법에 대해 알아보고자 한다. Automator 등록 방법 Launchpad에 Automator를 열고(기타에 있을 수 있음) 파일 -> 신규 -> 서비스를 선택 Service Receives(서비스가 받는 선택 항목)를 files or folders(파일 또는 폴더)로 바꾼다. Finder에서 터미널 열기 보관함에서 Run apple script을 등록한다. tell application "Finder" set theWin to (qu..
-
API Response Data 처리의 3R카테고리 없음 2020. 1. 3. 04:23
들어가며 프로젝트 진행하며 가장 많은 시간이 소요되는 부분은 설계 Logic을 세워 개발을 하는 것보다 함수의 이름을 정할 때다. 짧은 일정 내에 결과물을 내놓는 것도 어려운데, 산출물 인계를 위해 함수/변수 이름도 잘 정해야 한다. 특히 API 개발할 때 변수 이름이 얼마나 중요한지 드러난다. API 개발은 Business logic의 따라 복잡도가 다르지만, 단순하게 보면 Query를 질의하여 얻은 Data를 요구 사항에 맞게 가공하여 출력하는 것이 전부다. 문제 파악 기능에 대한 이름 짓기도 어렵고, 일정도 촉박하니 함수 안에 2개 이상의 기능을 구현할 때가 많다. 이렇게 되면 추가/수정 시 다량의 Source code를 수정하게 되거나, 예상하지 못한 문제가 발생한다. 이 문제를 해결하기 위해 여..