화면 레이아웃 개발자의 품격 4기의 진행상 DB설계는 2주로 잡혀 있었다. 따라서 6주 차에도 DB설계에 대한 발표를 했어야 하나, 우리 팀은 지난주에 DB설계가 통과되어 코멘트받은 몇 가지 부분만 수정하고 바로 화면 레이아웃 설계를 진행하고 그 결과를 6주 차에 발표할 수 있었다. 우리는 한 주간 Quasar라는 CSS 프레임워크를 사용해 화면 레이아웃을 그렸다. 그런데 그 결과는-다른 의미-에서 혹독했다. 이번 프로젝트는 애초에 기술 스택이 프런트엔드는 Vue.js로 백엔드는 Node.js의 express로 정하고 시작되었다. 우리 팀은 Vue.js의 버전 2.0과 3.0 중-부트캠프에서 직접 다뤘던 것이 가장 큰 이유로 작용하여-논의 끝에 3.0으로 결정하였다. 이제 이 버전에 맞는 CSS 프레임워..

지난 6월 9일(목) 책이 도착했다. 700쪽에 가까워 꽤 두껍지만 아담해 보인다. 글을 쓴다는 것으로 그렇게 괴로웠던 그때가 이제는 생각도 나지 않는다. 공동 집필 프로젝트에 신청서를 보낼 때만 해도 뭔가 대단한 일을 하게 될 것 같았다. 그런데 막상 상품으로 예쁘게 완성된 책 앞에서 드는 감정은 대수롭지 않다! 뭐랄까? 자격증 시험을 공부하고 합격할 때와 비슷하달까?

| 데이터베이스 설계 진행 과정 부트캠프에서는 구글 워크시트를 이용해 데이터베이스 설계를 진행했었다. 그런데 우리 팀장이 ERDCloud라는 서비스를 사용할 것을 제안하여 이번에 처음으로 사용해 보았고, 서비스 경험은 매우 좋았다. 그 이유는 크게 세 가지인데 다음과 같다. 테이블명과 컬럼명을 실제 DBMS에서 사용하는 이름과 별개로 한글로 알아보기 좋게 기입할 수 있다. 협업이 가능하다는 점이다. 작업 후 sql 내보내기가 가능하다. sql 뿐만 아니라 png, xlsx로도 내보낼 수 있다. 1번과 2번의 작업은 엑셀 워크시트에서도 가능하다. 하지만 3번은 MySQL에서 다시 작업해야 한다. ERDCloud를 사용함으로써 단번에 1, 2, 3번이 가능해졌으니 사용하지 않을 이유가 없었다. 사용방법도 직..

| Wireframe 설계 진행 과정 Wireframe 설계에 쓸 툴로 카카오 오븐과 피그마를 놓고 고민했었다. 카카오 오븐은 협업이 곤란하다고 하여 망설임 없이-만장일치-피그마를 채택했다. Wireframe 설계 작업은 만만찮았고 우리 팀은 금요일 하루를 제외하고 매일 밤 자정까지 미팅을 가졌으며, 발표 한 시간 전에도 리허설을 진행했다. 첫 미팅 때는 아래의 유의 사항을 함께 공유했는데 "화면 설계서를 이쁘게 그릴 필요 없다. 필요한 기능이 모두 다 들어가야 한다. User flow에 따른 화면 설계를 해야 한다." 이 세 가지를 특히 강조했다. Wireframe 설계 시 유의 사항은 멘토님의 영상의 내용을 우리 팀장이 정리한 것이다. Wireframe설계 시 유의 사항 와이어프레임(화면 설계서)은 ..

| 애플리케이션 기능/서비스 설계 기능목록, 사용자 분석, 사이트 맵 애플리케이션 기능/서비스 설계에서는 "기능목록, 사용자 분석, 사이트 맵"을 작성해야 한다. 개발자의 품격에서 제공하는 영상을 먼저 학습한 후 진행하였다. 관련 영상은 다음과 같다. https://youtu.be/RYJtdnorzxE https://youtu.be/MCVgUSNyc8g https://youtu.be/odhNcgE1l4s 피드백에 대한 생각 이번에 우리 2팀은 멘토님으로부터 "지난주와 전혀 다른 팀이 되었다!"라는 평가를 받았다. 그 덕분에 지금도 자축하는 분위기이다. 사실 지난 벤치마킹 과정에서 준비와 발표를 그렇게까지 못했다고 생각하지는 않는다. 오히려 다양한 시도 중 하나라고 생각한다. 지난 3주의 모든 과정에서 우..

작년 말(2021년 12월)부터 기고하였던 책이 곧(2022년 5월 30일) 출간된다. 도서정보에 [그림 1]과 같이 "작가"로 소개되어 있어 묘하다! http://www.yes24.com/Product/Goods/109711067 개발자가 되기 위해 꼭 알아야 하는 IT 용어 - YES24 IT 개발자를 꿈꾸는 모든 사람들을 위한`진짜 초보 개발자를 위한 IT 용어집`IT 기업들의 성장에 따라 개발자는 어느덧 인기있는 직업이 되었다. 그리고 인정받는 개발자가 되기 위해, 전공자/비 www.yes24.com

부트캠프가 시작된 지 벌써 4개월이 흘렀고, 오늘이 마지막 날이었다. 시작할 때 기대한 오늘의 내 모습은 현재의 내 모습보다는 훨씬 거창했다. 그런 점에서 당시 내 메타인지가 딸렸던 게 분명하다. 비록 변화된 내 모습이 기대 이하이긴 하지만 그래도 후회는 없다. 아니 4개월 전 조인하지 않았다고 생각하면 끔찍할 정도다. 다른 건 몰라도 이 분야에 대한 "품새"는 확실히 익혔다! 정확한 품새를 알려주신 멘토께 감사하다!

| morgan 시스템에서 발생한 로그를 관리한다. 실무에서 운영할 때는 로그를 파일로 관리한다. 다음과 같이 해당 모듈을 설치한다. npm install morgan npm install rotating-file-stream log폴더를 생성하고 날짜 폴더(예: 202204)를 생성한다. (날짜 폴더가 없을 경우 에러가 발생했다.) // 18_morgan.js const express = require("express"); const app = express(); const fs = require("fs"); // 로그를 파일로 기록하기 위해 필요 const morgan = require("morgan"); // morgan const rfs = require("rotating-file-stream")..