KAIST [CS496] MadCamp 프로젝트 정리

• 18년 여름학기 KAIST와의 학점교류로 열린 CS496 MadCamp(스타트업과 집중프로그래밍 캠프)를 진행
• 기간 : 18.6.29 - 8.2
• 코드 : github/MadCamp-Projects
• 5주간 주로 맡은 업무 : Android - Android - Android - Web - Android / Client, Server, DB, API
• 주변에서 많이들 하던 주제들 : Deep Learning, Unity, socket

1주차 : 'MAD COFFEE' 3개의 탭을 가진 기본적인 어플리케이션 구현

= 안드로이드 스튜디오 사용법과, 기본적인 앱 개발방법론 습득

• 탭1 : 연락처를 불러와서 리스트뷰로 보여준다.
• 탭2 :앨범에서 모든 사진을 불러와 그리드뷰로 보여준다.
• 탭3 : 구글맵 API를 사용해, 기본적인 지도기능과 카이스트내 카페 정보 제공.
• 기술 : 탭구조(bottomNavigation 이용), 어댑터, 리스트/그리드뷰, 로딩화면, permission 권한요청, 로컬의 연락처와 사진은 getContentResolver, query, Cursor, URI 등을 이용해 불러옴, 사진 표현을 위한 Bitmap, Thumbnail 등의 이용, Google Map API와 관련한 각종 기능들

2주차 : 'Facemap' 1주차 앱에 서버&DB 연결

= 1주차 + 서버&DB

• MS AZURE_Ubuntu VM에 Node.js로 서버를, MongoDB로 데이터베이스를 구축해 앱과 연결.
• 탭1,2 : 로컬과 서버&DB간의 data 교환. (up/download 등)
• 탭3 : 마찬가지로 비슷한 기술 사용해, 지도 검색후 해당 장소를 서버&DB 통해 즐겨찾기하는 기능.
• 기술 : Facebook Login API (로그인이후의 추가적인 api 이용은 최근에 막혔다고 함), AsyncTask 통해 원격의 서버와 연결, 서버단의 코딩 - Mongoose 모듈 사용해 Node.js와 MongoDB 연동 (scheme, app.js, models, routes, get/post 등..손수 구현. But, git commit 안해서 final 버전 소실. first 버전만 존재)

3주차 : 'Subway' Web하다가 접고, App으로 변경. 기본적으로 서브웨이 메뉴 조합 +a 기능

= 2주차때 멋모르고 정신없이 했던 서버와 데이터베이스 기술에 대한 제대로 된 이해. '앱'개발에 대한 방법론 어느정도 만족.

• 마찬가지로 mongoose 모듈 사용. 서버단과 프로젝트단의 코드 구성과 역할 이해완료. Node.js로 구현한 우리 서버의 구성과 프로젝트간의 연결, MongoDB 기본적인 query 문법까지.
• Web은 서로 아무 사전지식없이, 고전적인 html-css-js도 아닌 .NET의 razor와 관련한 기술로 개발하다 실패. AZURE 이용해 웹 서버 띄우기는 성공(url에 vm ip 통해 접속 가능)
• Burger Simulating : 재료 선택하면 버거UI 보여주고 예상 가격과 칼로리 계산. 해당 조합의 버거를 이름을 지어 서버에 등록.
• My Subway, Top100 : 내가 만든 or 서버의 전체 버거 리스트를 보여줌. '좋아요'를 누를 수 있고 이 좋아요순으로 배열. 댓글 기능 추가.
• 기술 : 서버&DB 이용해 Login 기능 직접 구현(text data 보내고 값 비교하는 수준. 4주차때 Web에서 중복,공란 등의 필터링과 id값의 세션유지, 로그아웃 등을 통해 좀더 제대로 된 로그인 구현), 좋아요.gif 띄우기위해 glide 사용(매우 편함) + soundpool 이용해 소리도 쉽게 추가, JSON 포맷 사용법, git/Week3_Server 코드 참고.
• 2주차때 분산되고 통일되지 않던 네트워크 관련 코드를 NetworkTask(extends AsyncTask).java라는 별도의 클래스 파일로 분리해 get/post를 비롯해 좀더 통일되고 효율적으로 사용.

4주차 : 'Gdvbs_Gdvbs' 브랜드 소개 웹사이트.

= 3주차때 실패했던 Web 다시 도전. 기본적인 html/css/js 구조 이용해 Web 개발에 대한 기본적인 방법론 습득. +APM도움

• low-level 반복작업 피하기 위한, 오픈소스 웹템플릿 기반 + front 수정 및 기능 추가 -> 서버&DB 추가
• 기술 : 기본적인 html+css 프런트 기술 습득 (signup의 레이어팝업 등), App때의 @onClick이나 Login 기억살려 Web에 구현 -> 3주차비해 좀더 제대로 된 로그인 기능 구현 (세션에 저장된 id값을 다른곳에서도 사용), 기능추가위해 서버&DB 필요성 -> 간단히 LAPM 스택 사용 (개발단계에선 Window APM으로 디버깅) -> Window/Linux 각 환경에서 APM 설치-환경설정-연동 및 기본적인 사용방법과 문법 습득 (서버는 혼자켜져 거의 건드릴거없었고, MySQL 문법 많이 접함),프로젝트클라이언트에서 웹서버까지 connection방식은 mysqli 사용, rule-based 챗봇 구현은 api 제공하는 사이트 찾아 쉽게 이용, 윈도우에서 smtp 서버 열어서 메일전송 기능 (이때문에, 리눅스에서 smtp서버구축 개발시간없어 메일기능은 시연불가. 궁금했던것- 코드상에 송수신자/메일내용 customizing 가능했었음 - 송신자info로 메일계정 하나 일단 들어가긴하지. 이후는 별도포스팅 참고)

5주차 : 'MyFace' 얼굴인식 앱

= 딥러닝 on App, 주제는 예시많고 기본적인 '얼굴인식'

• 닮은 연예인 찾기, 얼굴나이 측정, 동일인 판정 등의 기능
• Naver CFR API의 경우, 분석결과를 JSON data로 돌려줘 이를 이용
  // Deep Learning의 경우, 텐서플로 기반) 연예인수 제한과 dataset 수집, 학습, 프로젝트 연결 등 (시연때 딥러닝을 앱위에 올리면 압축하며 성능저하되는 문제 발생)