박관웅 개발자 포트폴리오
TRANSCRIPT
박 관 웅
Cre-ativePassion
Relation-ship
About 박관웅
프론트엔드 개발자투블루 16.06~ 현재NKOK 15.07~16.03삼성 SW 멤버십 13.07~14.06빅워크 12.07~13.01
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 멤버십
프로젝트 명 : 해외직구시 캐시백을 적립해주는 샵피백 홈페이지
기간 : 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. 을 가진자 ...