박관웅 개발자 포트폴리오

박 관 웅

Cre-ativePassion

Relation-ship

About 박관웅

프론트엔드 개발자투블루 16.06~ 현재NKOK 15.07~16.03삼성 SW 멤버십 13.07~14.06빅워크 12.07~13.01

[email protected]

http://github.com/pouu69http://knphouse.tistory.comhttps://github.com/FEDevelopers

Abil-ity

Software c/c++/java/php/Servlet Html/CSS/Javascript MySql/Mon-goDBFramework/libraryAngularJS,BackboneJS,ReactJSCodeigniter,Marionette,ReactJS,LaravelBootstrap,ExtJS/Android/TizenOSLinuxEtcAWS

0

FEDevelopers 팀

◆ 개발 포스팅 공유 작업

FEDevelopers 팀https://github.com/FEDevelopers/tech.descrip-tion

FrontEnd 분야 해외 우수한 블로그 포스트 번역 작업 하는 팀 소속

http://webframeworks.kr/ 에 기고중

FEDevelopers 팀

http://readtrend.com/

ReadTrend 에 번역한 글 선정되어 게재

1

㈜빅워크

◆ GPS 기반 위치측정 헬스 + 기부 어플리케이션 “ 빅워크”

㈜빅워크프로젝트 명 : GPS 기반 위치 측정 헬스 + 기부 App기간 : 12.07~13.01개발 스펙 : Android 4.0역할 : Android 설명 :

- GPS 를 이용하여 사용자의 걸은 거리를 3 초에 1 번씩 측정 하여 , 100M 당 1 원씩 기부금으로 전환해주는 App 입니다 .- GPS 의 정확도를 올리기 위해서 이전 GPS 좌표값들과 현재 좌표 값을 비교하며 정확성있는 GPS 데이터를 저장하여 사용하는 알고리즘 적용

㈜빅워크

◆ IOCP+ 키넥트기반 리얼 3D 러너 게임◆ 사용자 맞춤형 검색어 추천 및 컨텐츠◆ 서울버스 for Tizen Native App

2삼성 sw멤버십

삼성 SW 멤버십 –IOCP 기반 리얼 3D러너게임프로젝트 명 : IOCP+ 키넥트기반 리얼 3D 러너 게임기간 : 13.08~13.09개발 스펙 : DirectX sdk / kinect sdk / c++ / mysql역할 : IOCP 게임 서버

설명

키넥트로 사용자 움직임을 감지하여 패턴인식을 통해 정확성을 높이고 , DirectX3d 로 게임을 구성하여 사용자의 움직임과 캐릭터의 움직임을 일치시킵니다 . 1:1 을 할 수 있으며 , 로비를 두어 방을 접속 할 수 있습니다 .

– 사용자 맞춤형 검색어 추천 및 컨텐츠프로젝트 명 : 사용자 맞춤형 검색어 추천 및

컨텐츠 기간 : 14.01~14.03개발 스펙 :

Chrome Extension / Servlet / Mon-goDB / HTML, Javascript, jquery

역할 : 백엔드 , 크롬확장프로그램 ,DB 설계

설명크롬확장프로그램에서 사용자가 평소에 검색했던 키워드와 키워드를 통 해 접속한 웹페이지 , 날짜 , 웹페이지 텍스트마이닝 자료등을 수집하여 마이닝을 통해 사용자에게 검색어 추천 , 일일 검색어 , 자주 방문하는 사이트 , 검색어타임라인등 기능 제공

삼성 SW 멤버십

System Archite-cure

DB 논리 설계– 사용자 맞춤형 검색어 추천 및 컨텐츠삼성 SW 멤버십

Text Minig 설계

– 사용자 맞춤형 검색어 추천 및 컨텐츠

삼성 SW 멤버십

– 사용자 맞춤형 검색어 추천 및 컨텐츠

삼성 SW 멤버십

프로젝트 명 : 서울버스 for Tizen Native App기간 : 14.05~14.06개발 스펙 : Tizen OS / c++

역할 : 정류장 정보 조회

프로젝트 설명 :삼성에서 출시한 Tizen OS 기반 Native App 으로 서울버스 정보 조회 앱을 개발하였습니다 .테스트를 위한 앱 개발이여서 출시 하진 않았습니다 .

– 서울버스 for Tizen Native App삼성 SW 멤버십

3

㈜메가브레인

◆ 해외직구를 위한 캐시백 사이트=> www.shopfeeback.com

프로젝트 명 : 해외직구시 캐시백을 적립해주는 샵피백 홈페이지

기간 : 15.05~15.06개발 스펙 : PHP / Javascript , Jquery / HTML ,CSS / Mysql역할 : 프론트 , 백엔드

프로젝트 설명 :샵피백을 경유하여 해외직구를 하면 적립금을 주는 홈페이지로써 서버스 크립트기반으로 홈페이지를 개발하였습니다 . Pure php 로 MVC 를 구현하여 진행 하였습니다 .

메가브레인

메가브레인

4

㈜ nkok

◆

◆

성영외과 홈페이지=> www.marbleps.-com

중국 서비스용 블로그

중국 서비스용 SNS◆

프로젝트 명 : 성형외과 홈페이지 외주 개발 ( 서비스웹 / 어드민웹 )기간 : 15.08~15.11개발 스펙 : Angularjs/backbonejs/codeigniter/boot-strap/ Javascript , Jquery / HTML ,CSS / Mysql / CentOS역할 : 프론트 , 백엔드 ,DB 설계

프로젝트 설명 :

AngularJS 로 큰 메뉴별로 SPA 로 하여 성형외과 홈페이지를 개발 . CodeIgniter 로 RestAPI 서버 설계하였습니다 .

– 마블성형외과㈜ nkok

– 마블성형외과㈜ nkok

•프로젝트 명 : 중국 서비스용 블로그

•기간 : 15.11~15.12•개발 스펙 : backbonejs/codeigniter/bootstrap/ Javascript ,• Jquery / HTML ,CSS / Mysql / CentOS•역할 : 프론트 , 백엔드 ,DB 설계

•프로젝트 설명 :•중국에 서비스할 블로그로써 , backbon 으로 프론트를 구성하고 , SPA 방식으로 진행하였습니다 . Codeigniter 로 Rest API 서버 개발

㈜ nkok - 블로그

•프로젝트 명 : 중국 서비스용 SNS•기간 : 16.01~16.03•개발 스펙 : marionettejs/codeigniter/bootstrap/ Javascript ,• Jquery / HTML ,CSS / Mysql / CentOS / github•역할 : 프론트 , 백엔드 ,DB 설계

•프로젝트 설명 :

• 중국 서비스용 블로그에 이어 인스타그램과 같은 SNS 서비스이며 ,. back-boneJS 를 확장한 marionetteJS 를 이용하여 프론트를 개발하며 , github 를 통해

프로젝트 관리를 하였고 , 블로그서비스와 API 를 연동 하기 위해 JWT 로 oauth 를

구축하였습니다 .

㈜ nkok - SNS

5투블루

Tyle 리뉴얼◆NWJS 기반 데스크탑 어플리케이션◆ELK 로그 서버 구축◆

•프로젝트 명 : tyle 리뉴얼

•기간 : 16.08~16.08•개발 스펙 : Laravel/ReactJS/ES6(JS)/SASS/nginx/AWS/github•역할 : Laravel API(30%), AWS 구축 /nginx 세팅 (100%)

•프로젝트 설명 :• Meteor 기반 tyle 서비스를 새로운 시스템으로 이전하고 , 재구축 하는 작업

진행

㈜투블루 - tyle

•프로젝트 명 : ELK 중앙 로그 서버 구축

•기간 : 16.09~16.09•개발 스펙 : Ubuntu/VI/ElasticSearch/Logstash/Filebeat/Kibana•역할 : 전체진행 (100%)

•프로젝트 설명 :• 클라이언트 , nginx( 서버 ) 에러 , 엑세스같은 기본적인 로그 수집과 , 그외에

데이터 관련한 로그를 수집하기 위해 중앙 로그 서버를 구축하여 로그를 수집하였습니다 .

㈜투블루 - tyle

•프로젝트 명 : NWJS 기반 데스크탑 어플리케이션

•기간 : 16.11~16.11•개발 스펙 : NWJS/ Javascript / CSS/github•역할 : 전체 진행

•프로젝트 설명 :• 기존 웹서비스를 NWJS 기반으로 랩핑하여 데스크탑 어플리케이션으로써

사용하게 만들었습니다 .

㈜투블루 - tyle

– tyle㈜투블루

실제 화면

6개인 Project

문자매칭 뉴스기사 크롤러Android Block Game Android 가속도센서 Game

◆◆◆

프로젝트 명 : 문자 매칭 뉴스기사 크롤러

기간 : 13.05~13.06

개발 스펙 : Java

프로젝트 설명 :최초 크롤링 할 root URL 과 검색어를 작성하여 시작하면 , URL 을 타고 들어가며 검색어와 일치하는 뉴스기사를 TXT 문서로 저장하여 보여줍니다 .

개인프로젝트 - 문자 매칭 뉴스기사 크롤러

알고리즘개인프로젝트 - 문자 매칭 뉴스기사 크롤러

크롤러 특징수집용 스레드 / 매칭용 스레드 , url-List 로 나눠 동기화를 이뤄 작업 진행하여 시간 단축

크롤러

ArrayList 로 Queue 를 구현 하여 URL 저장 관리

정규식을 이용하여 HTML 내 하위링크 태그 추출

너비 우선 탐색 구조

개인프로젝트 - 문자 매칭 뉴스기사 크롤러

URL추출 알고리즘

시작

http:// + getH-ost()+ link

Link.getPath()

http:// + getH-ost()

+/+link

http:// + gethost() +상위 .dir + link

끝

no

yes

‘/’ 있습 니까 ?yes

no

‘://’ 있 습 니 까 ?no

‘/’ 시 작합니 까 ?yes

개인프로젝트 - 문자 매칭 뉴스기사 크롤러

개인프로젝트 - 문자 매칭 뉴스기사 크롤러

•프로젝트 명 : Android Block Game•기간 : 13.05~13.05•개발 스펙 : Android

•프로젝트 설명 :•2G 폰 시절 나왔던 게임을 카피하였습니다 . 3 가지 다른 색깔의 블 록이 떨어지는데 , 이때 왼쪽 , 오른쪽 , 가운데로 옮겨가면서 세로로 같은색깔이 되게 하여 블록을 부시는 게임입니다 .

개인프로젝트 - Block game

개인프로젝트 - Block game

프로젝트 명 : Android 가속도센서 Game기간 : 13.09~13.10

개발 스펙 : Android

프로젝트 설명 :안드로이드 가속도센서를 이용하여 내려오는 적들을 피하거나 , 아이템을 이용 하여 죽이는 게임입니다 . 골드를 획득하면 , 아이템을 사서 입고 , 능력치가 올 라가거나 , 일정 스테이지를 클리어하면 보스몹이 나오는 등의 흥미있는 게임 입니다 .

특이 사항 :가속도 센서를 이용하여 각 디바이스별 센서값 일치시키는게 어려웠으며 , 아 주 간단한 물리적인 움직임을 도입하여 , 주인공위치의 반대로 몹이 움직이거 나 , 벽을 튕겨 미사일이 발사되는등 도입하였습니다 .MVC 패턴으로 설계하였으며 , 자바 NIO 서버로 간단한 1:1 대결을 만들었습니다 .

개인프로젝트 - 가속도 센서 game

개인프로젝트 - 가속도 센서 game

개인프로젝트 - 가속도 센서 game

개인프로젝트 - 가속도 센서 game

개인프로젝트 - 가속도 센서 game

개인프로젝트 - 가속도 센서 game

‘ C o d e r ’ 가 아닌 ‘ Deve loper ’ 를 지향 하는 ....

Program 에 생명을 불어 넣는 C.P.R. 을 가진자 ...