커뮤니티를 하다보면 이 링크는 저장해뒀다 나중에 다른사람과 공유도 하고싶고 다른 커뮤니티 링크도 모아서 함께 보고 싶은 경우가 있어서 만들어봤습니다.

우선은 개발에 있어 모바일은 항상 android와 ios를 선택해서 개발해야한다는 고민이 있었습니다.

하지만 검색을 통해 알게된 flutter라는 것을 알게되고 위와 같은 문제는 해결이 되었습니다.

flutter란 google에서 개발한 cross-platform framework로 하나의 코드(dart)를 base로 두가지 운영체재를 모두 개발 할 수 있었습니다.

1. 디자인에 대해서는 잘 알지 못하다보니 오픈소스로 제공되거나 스택오버플로우(stackoverflow)를 통해 얻게된 팁을 통해 기본 구조를 선택했습니다.

- card 형태로 card형태는 웹이나 모바일에서 흔히 볼 수 있는 구조로 사용자들 또한 깔끔한 이미지를 얻을 수 있을것 같아 채택했습니다.

잘못된 형식의 이미지 링크입니다.card 형태 홈 화면

2. 링크들을 헤더(카테고리) 별로 모아 볼 수 있으며 헤더(카테고리)를 선택한 다른 사용자들도 등록된 링크를 통해 새로운 정보를 얻어 갈 수 있게 만들었습니다.

잘못된 형식의 이미지 링크입니다.헤더(카테고리) 화면

- 중앙 + 버튼을 클릭해서 나오는 create header를 클릭(click)하여 내가 만들고 싶은 헤더(카테고리)를 만들 수 도 있습니다.

ex) 클리앙 사이트에 올라온 다른 사람들의 게시글 링크나 내 링크들을 모아 볼 수 있는 헤더(카테고리)가 필요하다면 생성해서 링크들을 모아 볼 수 있습니다. 이 경우 My headers에 생성된 헤더가 추가됩니다.

잘못된 형식의 이미지 링크입니다.

- 다양한 헤더(카테고리)에 각각의 링크가 걸려있으며 ♡ 를 눌러 관심헤더 interests 헤더로 추가 할 수도 있습니다. 추가 하시면 해당 헤더(카테고리)의 실시간 업로드된 링크를 홈 화면에서 제공 받을 수 있습니다.

잘못된 형식의 이미지 링크입니다.

- 관심있는 헤더(카테고리)를 선택해서 링크되어있는 링크들을 한눈에 볼 수 있는 기능도 만들어 넣었습니다.

잘못된 형식의 이미지 링크입니다.

- 여러 사람들이 올려놓은 링크들을 북마크 버튼을 클릭하여 한곳에 모아 볼 수 있는 기능을 추가하여 만들었습니다.

잘못된 형식의 이미지 링크입니다.

- 서브링크는 기존 링크에 연관성 높은 링크들을 한 카드(card)페이지에 아래와 같이 보여주는 기능입니다. 카드페이지에 링크를 클릭하여 서브링크를 등록할 수 있습니다.

잘못된 형식의 이미지 링크입니다.

- 위와 같이 링크들이 7개, 3개의 서브링크들과 함께 모아 볼 수 있습니다. 슬라이드 기능으로 연관 링크(서브링크)들을 한눈에 확인 할 수 있습니다. 보기를 클릭하면 더 정확하게 한눈에 볼 수 도 있습니다.

잘못된 형식의 이미지 링크입니다.

- 링크에 해시태그를 등록하여 홈 화면에서 검색을 통해 링크를 찾아 볼 수 도있고 연관링크에 등록된 서브링크도 확인이 가능합니다.

위 내용은 그동안 어플 개발과 업데이트를 통해 블로그에 작성한 내용들로 작성한 것입니다. 궁금하신 내용이나 어플 사용을 원하시는분을 위해 링크 달아놓을게요.

다운링크 바로가기 : www.link-to-link.com