개요 기간 : 2018년 6월 ~ 11월 인원 : 1명 사용 기술 : Django, django-restframework, vue.js, es6 사용 도구 : Visual Studio Code 주요 기능 : 위포트 서비스의 관리자 기능 스펙업 애드에 입사한 이후 위포트 서비스를 운영하면서 Django를 메인으로 유지보수 및 신규 서비스를 개발하였다. Djagno에 대해 어느 정도 익숙해질 무렵 기존 관리자 사이트를 개편해야 할 필요가 생기게 되었다. Angular1 소스 기반으로 만들어져 있었는데 앵귤라를 아는 사람도 없었고, Django랑도 소스가 섞여서 개발이 되어 있어서 매우 난잡해져 있는 상황이었다. 관리자 사이트 개발 책임을 맡게 되었고, Vue.js 에 관심이 있었던 와중이라 Vue.js로 개발을 진행 하게 되었다. UI를 위해 여러 라이브러리를 찾다가 마려한 디자인에...…
TypeScript 사이트의 문서에 있는 핸드북의 내용을 바탕으로 작성했다. 인터페이스는 타 언어에서의 인터페이스와 비슷하다. 값이 갖는 모양에만 초점을 맞춰서 설계를 하는 것이다. Our First Interface function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label); } let myObj = {size: 10, label: "Size 10 Object"}; printLabel(myObj); 위 코드에서 printLabel 은 labelledObj 객체를 매개변수로 받고 있는데, label 속성이 있어야 하지만 다른 속성이 없어야 되는건 아니다. printLabel를 호출할때 myObj 인자에 size 속성도 포함되어 있다. 이걸 인터페이스를 사용하여 바꿔보자 interface LabelledValue { label: string; } function printLabel(labelledObj: LabelledValue) { console.log(labelledObj.label); } let myObj = {size: 10, label: "Size 10 Object"}; printLabel(myObj); …
TypeScript 사이트의 문서에 있는 핸드북의 내용을 바탕으로 작성했다. 설치 & 사용법 사용해야되니 설치를 한다. npm install -g typescript 확장자는 .ts 이고, 설치를 하면 tsc 명령어를 사용할 수 있다. ts 파일을 js 파일로 변환하려면 명령어를 사용하면 된다. tsc test.ts 코드 확인 방법은 ts 파일을 js로 변환 후 html 파일 만들어서 확인 Playground Basic Types 타입스크립트에서는 변수에 타입을 설정수 있고, 특별한 경우가 아니면 var 는 사용을 안하는게 좋다. (호이스팅 문제라던지 때문에) let 을 사용하자. Boolean let isDone: boolean = false; Number let decimal: number = 6; String let color: string = "blue"; string 타입의 경우 backquote(`) 를 사용해서 여러줄의 문자열을 사용할 수...…
개발 환경 설정 설치 $ npm install -g babel webpack webpack-dev-server $ npm init package.json scripts에 start 명령어 추가 { "name": "contact", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server" }, "author": "", "license": "ISC", "dependencies": { "babel-preset-stage-0": "^6.24.1", //ES6 최신 문법 사용 "react": "^15.5.4", "react-addons-update": "^15.5.2", // Immutability Helper 사용 "react-dom": "^15.5.4", "react-hot-loader": "^3.0.0-beta.7" }, "devDependencies": { "babel-core": "^6.24.1", "babel-loader": "^7.0.0", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", "webpack": "^2.6.0", "webpack-dev-server": "^2.4.5" } } 설정 기본 디렉토리 구조 reactApp ├── package.json ├── public # 서버 public path │ └── index.html #...…
개요 기간 : 2016년 9월 ~ 11월 인원 : 2명 사용 기술 : MFC, MS-SQL, ZPL, DPL 사용 도구 : Visual Studio 주요 기능 : 제품의 무게를 측정하고 출력하며 데이터를 저장 및 조회 SAP 컨설팅 회사에서 근무하면서 돼지 도축 및 가공하는 기업으로 파견을 나가게 되었다. 그곳에서 내 담당은 웹개발(주), 서버 개발(주), SAP AddOn(부) 개발 이었다. 도축 회사이기 때문에 부분육들의 무게를 측정하고 라벨지에 출력, 데이터 저장이 실시간으로 이루어지는 윈도우 응용프로그램 개발도 필요한 상황이었다. 처음에 이 프로그램의 개발은 다른 개발자가 진행하였는데 데드라인은 다가오는데 프로그램이 오류가 계속나면서 진행이 진척되지 않자 팀장님이 나에게 맡아서 개발해보라하셨는데 난 MFC 개발은 해본 적도 없고 당시 나의 업무로...…
개요 기간 : 2016년 3월 ~ 5월 인원 : 1명 사용 기술 : spring framework, mssql, bootstrap, 전자정부프레임워크 사용 도구 : eclipse, svn 주요 기능 : ERP 시스템 업무 SAP 컨설팅 회사에서 웹개발자로 근무하면서 신규로 모바일 웹 개발 프로젝트를 혼자 진행하게되었다. 서버 기술로는 전자정부프레임워크를 사용해서 개발을 해야 했는데 처음 사용해 봐서 개발환경 세팅하기도 쉽지 않았다. 또한 회사에서 사용하던 스프링의 구조를 최대한 비슷하게 맞춰야 했는데 DB 연동도 안되고 수 많은 에러를 맞이하며 좌절을 겪어야 했다. 구글 선생님의 도움으로 우여곡절 끝에 세팅을 끝내고, 프론트엔드 개발에 대한 고민을 해야만 했다. 처음엔 리액트나 앵귤러 같은 기술을 사용하여 만들고 싶었지만 배우는데 또 시간이 소요되고, 유지보수를...…