앱인벤터 다이어리메모장 만들기 #1

앱인벤터 다이어리메모장 만들기 #1

프로젝트/App Inventor 앱인벤터를 이용해서 다이어리를 제작해보겠습니다. 달력을 만들어 날짜별로 일기를 기록할 수 있는 다이어리와 To Do List, 비밀번호 입력을 해야 접근 가유능한 바로 그 다이어리로 총 3가지를 제작해보겠습니다. 이번 포스팅에서는 모니터 구성과 완전한 결과물을 먼저 보여드리도록 하겠습니다. Screen은 총 7개를 사용할 예정입니다. 화면구성에 대한 구체적인 설명은 이후 포스팅에서 하겠습니다.

노션, 소셜 미디어 관리하기

노션은 동영상이나 이미지, 북마크 이런 것들을 관리할 수 있다는 것도 큰 장점입니다. 보통 일반적인 메모 앱에서는 동영상, 북마크 그 밖에도 그냥 링크로 제공하는 경우가 많습니다만, 노션은 이 부분에 있어서도 더 차별점을 가지고 있습니다. +를 눌러 동영상을 누르시면 유튜브 링크를 넣어 실질적으로 유튜브 영상을 노션에 넣을 수 있습니다. 링크를 눌러 유튜브나 웹사이트에서 영상을 보는 것과 다르게 노션 내에서 유튜브 영상을 재생할 수도 있습니다.

만약 여러분이 PC 버전이라면 마우스 커서를 통해 영상 크기를 조절해주실 수도 있습니다. 모바일 기기 내에서는 다른 방법이 있을지 모르겠는데 딱히 크기 조절은 되지 않더라고요. 혹시 방법을 아시면 덧붙인 덧붙인 글 달아주시기 바랍니다.

memoTitle 표시 범위 수정

아이폰 기본 메모앱의 제목 설정 범위를 보면 32차례 index까지 나타내고 추가로 3개의 “.” char을 더해줍니다. 그러면 2개의 수정사항이 생긴 걸 알 있습니다. 메모 index(문장배열)가 32보다. 작거나 같다면 문장 그대로 제목으로 설정합니다. 메모 index가 32보다. 크면 32차례 index까지 나타내고 3개의 “.”을 끝에 붙여줍니다.

MemoListTableView DataSource

numberOfSections 메서드를 지우고 cellForRowAt 메서드를 추가했다. numberOfRowsInSection – 한 섹션에 표시할 행의 개수를 반환합니다. -> 메모 앱에서는 memoList array의 개수만큼 반환합니다. cellForRowAt – numberOfSections 메서드를 지우고 추가한 메서드로, 명백한 여건에서 표시할 셀을 요청하는 메서드입니다.

cell의 Identifier은 storyboard에서 앞전에 설정한 “MemoListCell”로 자기가 설정한 이름에 오타가 없는지 꼭 확인해야 합니다. indexPath는 tableView의 행을 식별하는 인덱스의 경로입니다.

노션 페이지 꾸미기 및 정리하기

노션은 특히 꾸밀 수 있는 여지가 많지는 않지만 페이지에 아이콘이나 커버를 넣어서 꾸며주실 수 있습니다. 상단에 “아이콘 추가”와 “커버 추가”를 눌러 꾸밀 수 있는데요. 아이콘은 페이지 왼쪽 상단에 표시할 수 있으며 기본 이모티콘 그 밖에도 물론, 이미지나 이미지 링크를 통해 추가할 수 있습니다. 해당 아이콘은 페이지 상단에 표시되기도 하지만은 다른 페이지에서 볼 때 페이지 왼쪽에 표시되어 페이지를 구분할 수 있는 표지가 돼주기도 합니다.

커버는 기본 제공하는 이미지와 마찬가지로 이미지 파일, 링크 이런 것들을 등록할 수도 있습니다. 또 화려한 것은 unsplash 사이트에서 이미지를 제공받을 수 있는 것인데요. unspalsh로 정말 여러가지 무료 이미지를 커버에 씌워줄 수 있으니 활용해 보시기 바랍니다.

Screen6 Block

Screen6을 초기 실행할 때, TinyDB password가 비어 있으면 설정된 비밀번호가 없습니다.는 뜻이므로 문구(레이블)에 “첫차례 사용입니다. 4자리 비밀번호를 두 번 눌러주세요.”라는 텍스트를 출력합니다. 숫자버튼을 클릭하시면 btnNum 함수를 호출합니다. 사용자가 입력한 비밀번호가 4글자라면 “비밀번호를 한 번 더 눌러주세요”라는 알림창이 출력됩니다. 두 차례 누르는 비밀번호가 처음 입력한 비밀번호와 입력한다면 비밀번호가 저장됩니다.

비밀번호가 일치하지 않는다면 “비밀번호가 틀렸습니다. 다시눌러주세요”라는 알림창이 뜹니다. 이후 접속부터 비밀번호를 입력 후 비밀번호가 일치한다면 비밀일기장(Screen6_secret)으로 접근할 수 있습니다. 알림창에서 OK버튼을 클릭하시면 입력박스에 숫자들이 지워지며넛 비밀번호를 처음부터 다시 입력할 수 있습니다.

지속적으로 묻는 질문