Code Monkey home page Code Monkey logo

sungsuhack's Introduction

성수HotPlace

성수동에 있는 감성 카페

20190520 - 해커톤 기획 시작 ~ 20190524 - 프로젝트 완료 및 발표

[ 해커톤 리뷰 내용 ]

  1. 팀 구성 소개 + 초기 기획안 + 기획 의도

    1. 정진배, 홍원표
    2. 예쁜카페들이 많은 성수동. 그 중에서도 인스타그램 등의 성지 카페들을 소개하는 사진형 어플
    3. 성수동을 방문하는 사람들이 실제로 사용할 수 사용성 높은 앱을 기획하는 것을 목적으로 함
  2. 팀 역할 분배

    1. 정진배 - 첫번째 메인페이지(커스텀 컬렉션뷰 구현), 맵뷰 상의 어노테이션, 저장페이지 구현, 디테일뷰상의 인스타그램 연결, 카카오 지도 연결
    2. 홍원표 - 기획, 컨텐츠, 데이터 모델링, 맵뷰상의 컬렉션뷰 구현, 디테일뷰 구현
  3. 최종 결과물 소개 성수 핫플레이스

    1. 성수동의 핫플레이스 카페들을 핀터레스트 방식(사진형)으로 보여주고, 지도에서도 그 카페들을 확인할 수 있도록 함.
    2. 좋아요(저장)를 누른 컨텐츠들을 나중에도 확인할 수 있도록 함
    3. 디테일페이지에서는 각 카페들의 디테일 사진을 10장 확인할 수 있고, 주소 등의 정보를 확인가능함
    4. 디테일페이징서는 1.인스타그램의 태그 연동을 통해, 여러 사람들이 해당 카페에서 찍은 사진들을 확인할 수 있도록 하고, 카카오지도에 연동하여서 해당 카페를 찾아가기 쉽도록 함
  4. 기획 대비 완성률 / 개발 과정에서 초기 기획과 달라진 점

    1. 완성률: 70% / 100%
    2. 개발 과정에서 초기 기획과 달라진 점:
      • 좋아요(저장) 컨텐츠들을 싱글톤으로만 구현하고 유저디폴트에 저장하지 못해서 정보가 저장이 안됨
      • 검색기능이 구현이 안됨
      • 맵뷰 상에서 컬렉션뷰의 컨텐츠 클릭시 어노테이션으로 이동은 되나, 콜아웃 선택된 상태를 구현하지 못함.
  5. 해커톤을 하면서 새로 알게된 점 + 다른 팀도 이런 점을 알았으면 좋겠다 하는 부분 깃 협업.

    • 커스텀 컬렉션뷰 구현
    • 맵뷰에서 디테일하게 구현
    • 앱간 URL Scheme 연동

★ 협업의 중요성 - 초기 업무 분배, 초기 데이터 모델 확정, 작업자간의 코드 이해와 공유

  1. 가장 어려웠던 부분

    • 실제로 깃을 잘 사용하지 못해서 좀 아쉬움.
    • 아직 안배운 컬렉션뷰의 커스텀 구현 등이 어려웠음
    • 데이터 모델 구현에서 초기 시행착오를 많이 겪었음
  2. 가장 아쉬웠던 부분 + 다음 번에 해커톤을 할 때는 이런 식으로 하겠다.

    • 코드를 깔끔하게 정리, 구현하지 못한 것에 대한 아쉬움.
    • 커스텀해서 구현할 수 있는(얼럿창, 이미지뷰, 탭바의 애니메이션 등)의 부분이 실력상으로 모자라서 좀 더 완성도 있는 앱을 구현하지 못한 것에 대한 아쉬움.
    • 초기 프로젝트 기획단계부터 데이터모델을 명확하게 정의하고 시작하지 않아서 중간에 코드를 수정하는 것이 까다로워 어려움을 껶었음
    • 협업을 위해 깃 사용을 필수로 해야될 것 같다.
  3. 프로젝트 때 적용할 수 있는 부분

    • 커스텀 컬렉션뷰 구현 및 사용
    • 깃 사용

sungsuhack's People

Contributors

92pino avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.