| 구현 기능 목록 및 진행 현황 ☑ xlsx 파일을 읽어와 사용자가 입력한 로트번호를 조회 ☑ 조회한 정보 수정 기능 ☑ 고객사 정보 관리(모달): ☑ checkbox 고객사 삭제 기능 □ 조회 정보 페이징 □ Packing List 생성, 출력, xlsx 내보내기(모달) □ 스타일 작업(Bootstrap) | 문제와 해결 data() { return { customers: [ { code: '001-00-00000', company: 'A사' }, { code: '002-00-00000', company: 'B사' }, { code: '003-00-00000', company: 'C사' } ], 위와 같이 customers 배열 안에 고객사 정보를 객체로 넣어 두었다. customers 배열의 요소(..

Javascript의 select에서 checked인 모든 요소를 삭제하려고 했는데 하나씩 선택 삭제는 잘 작동하는데 둘 이상인 경우 삭제가 아니라 2배로 늘어나는 기적(?)이 일어났다. 처음에는 문자열인 고객사 명만 배열로 관리했는데 인덱스를 찾아 삭제하는 것보다 객체의 키값을 찾아 삭제하는 것이 효과적일 거라는 판단이 들어 배열 내에 객체 형식으로 고객사를 등록했다. 객체의 고유한 키의 값을 사업자 번호로 삼았고 그걸 가지고 checked 된 경우 찾아 삭제하고자 했다. 삭제 방식은 checked 되지 않은 요소(고객사 객체)만 새로운 임시 배열에 push 한 후 기존 고객사 배열에 덮어 버리는 방식을 이용했다. 그랬더니 삭제하려고 했던 요소가 2배로 늘어나버렸다. 정확히는 "checked 된 수 *..

| 벤치마킹 아이템과 메인 타깃 한국관광공사 빅데이터 분석자료를 통해 혼자 하는 여행에 대한 니즈와 문제점을 파악하고 "혼행(혼자 하는 여행)의 안전, 기록, 매칭 서비스"를 구상하였다. 분석자료에 의하면 혼행을 하는 연령대는 30대가 가장 많았고, 남성이 여성보다 약 2배가량 많았다. 우리 팀은 성별에 의한 차이를 2030 세대 여성들의 "안전 염려"가 허들로 작용한다고 보았고 이 부분만 해소한다면 잠재 고객을 가져갈 수 있겠다고 생각했다. 그래서 메인 타깃을 2030 세대 여성으로 잡았다. 특징과 문제점 혼행의 특징은 "혼자만의 시간과 기록, 새로운 만남 추구"라는 상반되는 목적이 공존하고 있다는 점이다. 혼행을 불편하게 하는 단점은 "혼밥 문제, 상대적으로 높은 경비, 교통 이용의 불편, 안전 염려..

| 개발 동기 및 내용 제조업에서 전산 업무를 맡았던 경험이 있다. 현장에서는 수기로 제품 라벨(생산 제품의 중량 표기가 중요)과 Packing List를 작성하고 있었는데 카스 전자저울과 라벨 프린트를 도입하게 되어 라벨은 자동으로 출력이 가능해졌다. 하지만 Packing List는 여전히 현장 작업자가 수기로 작성해야 했다. 살펴보니-다행스럽게도-카스 전자저울 프로그램은 mdb로 출력한 라벨 정보를 저장하고 있었다. 이 정보를 이용하면 Packing List를 자동 생성하고 출력할 수 있을 것 같았다. 그렇게 해서 당시에는 Python을 이용해 프로그램을 작성해 현장에 배포했었다. 이번에 부트캠프에서 Vue.js를 배운 김에 그 프로그램을 Vue.js로 다시 만들어 보기로 했다. | 구현 기능 목록 ..

xlsx 파일의 데이터를 json으로 가져오려고 xlsx 모듈을 설치하였다. 설치한 명령어는 다음과 같다. npm i xlsx 그 결과 package.json 파일에 다음과 같이 잘 설치되었다. "dependencies": { ... "xlsx": "^0.18.5" }, 하지만 "npm run serve"로 실행하니 다음과 같은 에러가 발생했고, xlsx가 정상적으로 작동하지 않았다. export 'XLSX' (imported as 'XLSX') was not found in 'xlsx' (possible exports: CFB, SSF, parse_xlscfb, parse_zip, read, readFile, readFileSync, set_cptable, set_fs, stream, utils, ve..

| 아이템 선정 5월 8일(일) 오후 8시 지난 한 주간 각 팀에서 준비한 아이템을 발표했다. 우리 2팀은 [그림 1]과 같이 세 가지 아이템을 준비하여 발표했고 그에 대한 멘토님의 코멘트는 다음과 같다. 실버 데이팅 앱 서비스: 실버산업에 대한 수요가 늘고 있는 추세라 필요한 아이템이고 사업성이 있다. 하지만 참신하기보다는 무난하다. 모임원 실시간 위치 공유 서비스: 실시간으로 팀원의 위치를 확인할 수 있다는 것 외에는 음성 통화, 메시지 발송 등의 기능은 이미 카톡에서 제공하고 있는 기능이다. 현재 관련한 상황에서 카톡이 주로 쓰이고 있다는 점에서 볼 때 보다 차별화된 기능이 추가되지 않는 다면 해당 아이템으로 정하기에는 무리가 있다. 결정을 잘 못하는 사람들을 위한 투표 기반의 서비스: 수 없이 다..

지난 4월 28일(목) 수료한 개발자의 품격 부트캠프 1기의 버프로 개발자의 품격 4기에 조인하게 되었다. 5월 2일(일) 오후 8시 첫 모임을 가졌고 오리엔테이션 및 팀빌딩을 진행하였다. 우리 팀은 나 포함 부트캠프 1기 참여자가 3명이고, 멘토님께서 엄선하신 2명, 총 5명으로 구성되었다. 처음 경험하는 팀 프로젝트인지라 걱정이 되지만 이번 프로젝트에서 사용하는 기술 스택이 부트캠프에서 배운 Vue.js, Node.js라는 점, 우리 팀에-비록 신입 수준이기는 하지만-현역 개발자가 2명이 포함(한 분은 실무에서 Vue.js를 사용하는 프런트엔드 개발자)되어 있다는 점에서 안심이 된다. 전체 모임 후에 팀별 모임을 진행했으며, 팀장 선출 후 첫 번째 과제인 아이템 선정을 위해 브레인스토밍을 진행하여 4..

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