분류 전체보기 (28) 썸네일형 리스트형 magicbox앱 코드로 이벤트 배우기 이전까지는 앱의 겉면, 레이아웃을 만드는 방법을 배워보았다. 오늘은 실제로 앱의 작동부분을 어떻게 짜야하는지를 작성해보고자 한다. 일단 magicbox의 구성은 간단하다. 1)로그인 2)회원가입 3)메인화면-촬영/편집 4)촬영화면 5)편집화면 대부분의 경우 버튼을 통해 데이터를 전해주고, 화면과 화면사이를 오간다! (아직 촬영과 편집은 구현하지 않은 상태이다) 이런 작동방식에 관한 코드는 app>java>자바파일들로 작성해준다. 예시를 통해 더 자세히 살펴보자. MainActivity.java 1. 각종 import & 변수선언 package com.example.capstoneblackbox; import androidx.appcompat.app.AppCompatActivity; import andro.. 레이아웃 구성하기 드디어 레이아웃 구성에 대해 작성해보려고한다!!!! 사진자료들은 모두 졸업프로젝트에서 만들고있는 매직박스의 코드들이다. 1. 일단 레이아웃이란, 직관적으로 말하면 안드로이드 어플리케이션 화면 생김새를 결정하는 파일들이다. 맨 왼쪽에 보연 res > layout이 있고, 그 밑에 내가 만들어놓은 magicbox를 구성하는 레이아웃 xml파일들이 있다. 대부분 이름은 activity_(화면특징들어가는 단어)로 짓는다. 2. layout 폴더를 우클릭하고 layout resource file을 클릭하면 새로운 레이아웃 xml 파일을 만들 수 있다. 만들고 나면 위와 같은 화면이 뜰것이다. 레이아웃 파일을 보는 방식은 2가지인데, 1)코드를 보는것 2)실제 디자인을 보는것 으로 나눌 수 있다. 보는 방식은 오른.. 새프로젝트 시작하기 + 깃허브 사용하기 이번 졸업프로젝트 스타트13팀에서 나는 안드로이드(프론트엔드)부분을 담당하기로 했다 (+ 그래픽적인 요소) 그래서 오늘부터는 현재 졸업프로젝트에서 개발하고 있는 에서 안드로이드 부분을 어떻게 만들었는지 이 블로그에 기술하기로했다 첫시작은 역시 안드로이드에서 새프로젝트를 만들고 이를 깃허브에 올려놓는 방법으로 시작하려고한다. 팀 단위로 프로젝트를 할 때는 각자 개발하는 부분을 그때그때 공유하기 위해서 깃허브를 거의 필수적으로 사용한다. 깃허브를 간단하게 설명하자면 현재 프로젝트 파일들( 안드로이드라면 .java, src파일 등등)을 올려놓는 웹사이트이다. 중요한점은 남들과 같이 보거나 편집할 수 있다는점과 안드로이드 스튜디오와 직접적으로 연결해서 바로바로 업데이트해놓을 수 있다는점! 버전 컨트롤하기에도 좋.. figma를 이용한 안드로이드 어플 UI 짜기 figma를 사용하여 설계한 졸업프로젝트 "매직박스" ui이다. ↓ 안드로이드 어플리케이션을 제작할 때, 기획단계에서 내가 항상 하는것은 바로 UI를 설계하는 것이다. "어플이 성능만 좋으면 됐지 굳이 사이트까지 써가면서 UI를 설계할 필요가 있나?" 라고 반문할 수 있지만, UI 설계는 단순히 디자인을 예쁘게 뽑기 위해서만 하는 것이 아니다. UI를 설계해봄으로써, 내가 만들 어플리케이션의 전체적인 flow, 인터페이스를 직관적으로 볼 수 있게 된다. 이과정에서 설계오류/비효율성을 발견하고 다시 기획할 수 있는 기회를 얻게된다! 그런의미에서 오늘은 내가 UI를 설계할 때 자주 사용하는 figma라는 사이트의 사용방법에 대해 작성하려고한다. www.figma.com/ Figma: the collabora.. 이전 1 2 3 4 다음
