본문 바로가기
블록코딩/ㆍ코듈라

1. 코듈라로 앱만들기 기본세팅

by diMik 2021. 3. 15.

코듈라로 안드로이드 어플 만들기 첫번째 시간입니다. 현재 코듈라는 안드로이드 어플만 제작 가능하다는 점 참고하시고 시작해봐요. 

 

 

일단, 코듈라 사이트에 접속하여 앱제작을 위한 기본세팅을 해봅니다. 코듈라는 프로그램을 다운받아서 코딩하는 것이 아니라, 사이트에 접속하여 코딩하는 방식입니다. 따라서 자신이 만든 코드들은 코듈라 사이트에 저장됩니다. 코딩을 하려면 인터넷 연결이 되어있어야 합니다. 이제 시작해볼까요?

 

 

추가내용) 인터넷 브라우저로 파이어폭스를 사용하여 작업하시기를 권합니다. 크롬의 경우 오류가 나기도 합니다. 저도 이전에는 크롬으로 쓰다가 일부 기능에 오류가 나서 결국 파이어폭스를 깔았습니다. 익스플로러도 기능을 제대로 쓸 수 없으므로 안됩니다. :  코듈라 오류가 수정됨

https://www.mozilla.org/ko/firefox/new/

 

 

😎 내용 업뎃 ) 따라서 21년 12월 현재 크롬으로도 다시 정상작동 되니, 크롬으로 사용하셔도 되겠네요. 혹시 또 오류가 날 경우 파이어폭스 사용하시고요. 저도 확인해보고 다시 크롬으로 돌아왔습니다. 몇몇 사이트가 크롬사용을 권장하는 터라 파이어폭스로 왔다갔다 하기가 불편했는데 다행 ㅠㅠ ( 혹시 몰라 파이어폭스도 그대로 두고 있긴 합니다. 변동사항있으면 다시 글 업뎃할게요 ! )


 

1. 코듈라 Kodular 사이트에 접속합니다. 아래 링크 클릭 ! 

 

 

Kodular

Much more than a modern app creator without coding

www.kodular.io

 


 

 

2. Create Apps! 버튼을 누르세요.

 

코듈라 메인페이지


 

 

3. 회원가입을 합니다. 구글, 깃헙, 트위터 계정이 있으시면 그 계정으로 로그인 해도 됩니다.

 

코듈라 로그인 페이지

 

 


 

 

 

4. 마이페이지의 모습입니다. 처음 시작하시면 아무 것도 없을 거예요. 앞으로 앱을 만들면 저의 화면처럼 여기에 차곡차곡 만들어놓은 작업물 목록이 쌓일 거예요.

 

코듈라 마이페이지

 

 


 

 

 

5. 좌측의 Create project를 눌러 프로젝트를 시작해요. 

 

Create project : 프로젝트 만들기

 

 


 

 

 

6. 이 프로젝트의 이름을 적습니다. 이름의 시작은 영어로만 가능하고, 이름을 영어, 숫자, 언더바를 사용할 수 있어요.

 

저는 앱이름으로 사용할 것을 적어두는 편이에요.

 

프로젝트 이름과 앱이름은 달라요. 프로젝트이름은 내가 작업한 이 내용이 무엇인가에 대해 적는 것이고, 앱 이름은 향후에 이 앱을 출시했을때 사용자들에게 보여지는 것이에요.

 

예를 들면

프로젝트이름은 '기말레포트초안적어보는중1', '시안작성중' 이런 식으로 내가 보기 쉽게 적어두는 개념이고,

앱이름은 나중에 남에게 보이는 최종 제출할 때 '00학과 김철수_기말과제', '인사팀_1분기_최종보고안' 이라고 명확히 공식적인 이름을 적는 것과 같아요. 앱이름은 그야말로 앱이름이에요. 카카오톡, 텔레그램 이런 것 처럼요.

 

프로젝트이름이나 앱이름은 나중에 바꿀 수 있어요. 일단은 프로젝트이름이 앱이름으로 설정되니 최종출시 전까지 앱이름을 잘 생각해두었다가 나중에 바꿔도 됩니다. 중요한 것은 여러 개의 앱을 만들다보면 헷갈리기 쉬우니 무슨 내용인지 명확히 적어두는 게 좋아요.

 

프로젝트 이름 적기 화면

 


 

7. Finish버튼을 눌러 설정을 완료합니다.

 

기본설정 완료 화면

 


 

8. 앱을 만들 수 있는 기본 세팅이 완료되었습니다. 이제 나만의 코딩으로 앱을 만들어 나갈 수 있어요.

 

앱제작 메인 화면

 


 

수고하셨습니다! 여기까지 앱제작을 위한 기본세팅방법을 알아봤어요. 핸드폰화면을 보니 더욱 앱이 만들고 싶어지지 않나요? 앞으로도 즐겁게 어플을 만들어봐요.

댓글