본문 바로가기

개발

(11)
[Github] Fork부터 Pull Request까지 최근 Vue.js를 이용한 프로젝트에 Buefy라는 Bulma 기반의 UI Framework를 사용한 적이 있었다. 당시 Buefy의 Datepicker라는 기능을 사용하던 중 이벤트 이후 자동으로 Date Window가 열리는 버그를 발견했다. 처음엔 버그가 아닌 내 실수라고 생각하고 코드를 이리저리 수정해봤지만 현상은 바뀌지 않았고, 버그라고 확신이 든 후 해당 버그에 대한 Issue를 Buefy Github에 등록했다. 그리고 등록한 Issue에 답변이 달릴 때 까지 Buefy 프로젝트를 Fork해서 원인을 찾으려는 순간 3분만에 내가 등록했던 Issue가 Close 된 것을 확인했다. 내가 Issue를 잘못 등록했나 라는 생각과 함께 댓글을 확인한 결과 Buefy 개발자로부터 해당 버그는 1시간 ..
우리에게 REST API란? 최근 Thiago Marini라는 개발자가 Medium에 작성한 "Guys, REST APIs are not Databases"을 읽게 되었다. 해당 글은 REST 방식의 Open API를 구성할 때 개발자가 고민해야 할 점을 이야기하고 있다. Thiago Marini는 REST API를 만드는 개발자들이 흔히 REST API를 데이터베이스처럼 다루는 실수를 하고 있다고 말한다. "REST(Representational State Transfer)"는 말 그대로 어떤 프로토콜로 ‘무언가’의 상태를 전송하는것을 의미한다. 일반적으로 HTTP가 선택되며, 무언가는 리소스(Resource)를 의미한다. 그리고 상태(State)란 리소스의 스냅샷(Snapshot)이다. 많은 문서들이 GET: Read, POST..
Express.js와 Vue.js로 만드는 SPA(Single Page Application) Part 1. 시작하기 전에 이 글은 MEVN Stack이라고 불리는 MongoDB, Express.js, Vue.js, Node.js를 이용해 SPA로 동작하는 To-do Application을 만드는 튜토리얼이다. 튜토리얼은 총 4개의 Part로 구성될 예정이며, Part 1에서는 구현에 앞서 Express.js와 Vue.js를 이용한 통합 개발 환경을 만든다. 작성자 환경 버전 Node 10.15.3 Express 4.17.1 Vue 2.9.6 Mongo 4.0.2 frontend 폴더 생성하기 vue-cli 명령어를 사용하면 간단히 Vue 개발 환경을 구축할 수 있다. $ npm i vue-cli -g // vue-cli가 설치되어 있지 않은 분들은 해당 명령어를 통해 설치해주세요. $ vue init webp..