블록코딩40 코듈라 리스트 뷰 이미지 앤 텍스트 블록 사용법 - how to use kodular list view image and text 리스트를 보여주는 방법은 두가지가 있다. 1. 일반 텍스트만 리스트로 보여주는 '리스트뷰' 콤포넌트를 이용 2. 작은 이미지와 함께, 타이틀과 내용을 구분할 수 있는 '리스트뷰 이미지 앤드 텍스트'를 이용 이번 시간에는 두번째 방법인 리스트뷰 이미지 앤드 텍스트를 사용하는 방법을 소개해보려고한다. 이름이 길어 복잡해보이지만, 말 그대로 '리스트로 보여주는 이미지와 글자' 라는 뜻이다. 이 블록을 사용하면 아래와 같은 리스트를 만들어낼 수 있다. 이제부터 기본적인 부분에 집중해서 찬찬히 살펴보자. 왼쪽에 작은 이미지들은 image라는 항목으로 설정된 부분이고 날짜부분은 title로 잡히는 부분이며 일기내용은 subtitle로 설정된 부분이다. 1 단 계 - 리 스 트 3 개 준 비 이 콤포넌트를 사용하려면.. 2021. 6. 13. 익스텐션이 뭐죠? 익스텐션이 뭐길래? 처음 앱인벤터로 블록코딩을 배울 때는 기본적으로 제공되는 블록을 익히는 것만으로도 내가 만들고 싶은 앱을 만들 수 있었다. 간단한 기능만 있으면 되는 앱이었기 때문이다. 이때만 해도 사람들이 왜 익스텐션(extension)을 구하고 토론하는지 이해못했다. 하지만 점점 앱을 구상하는 범위가 넓어지면서, 기능이 많은 코듈라에서도 부족함을 느끼고 나 역시 필요한 익스텐션을 찾아 헤매게 되었다. 익스텐션이란 우선 익스텐션(extension)이란 '확장기능'이라고 이해하면 된다. 앱인벤터, 코듈라, 떤커블 등에서 제공하는 기본기능 외에 더 필요한 기능이 있는 경우, 이 익스텐션을 설치하여 사용한다. 익스텐션에는 어떤게 있나? 예를 들어보자. 콤포넌트 배경색을 자기가 원하는 색으로 설정하는 것은.. 2021. 6. 10. 코듈라 빌드 실패 - DX execution failed 최근에 만든 앱에서 이러한 에러가 발생하면서 빌드가 안되는 문제가 있었다. 찾아보니 여러가지 원인이 있는데, 아마 너무 많은 콘텐츠를 넣었거나, 익스텐션에서 문제가 생겼을 수도 있다고 한다. 내 생각으로는 달력 익스텐션에서 문제가 발생하는 것 같았다. 원래 익스텐션 개발자가 제공한 상태에서 조금 변형하여 사용한 터라. 어쨌든 사용하고 있는 익스텐션을 뺄 수는 없어서, 원인이 된 부분으로 보이는 화면의 아이템들을 조금씩 제거해보았다. 이미지와 레이블 사이의 스페이스 콤포넌트들을 빼면서 한 화면에 너무 많은 콘텐츠가 담기지 않게 했다. 이제 빌드가 된다. 아마 이번 앱에 사용한 달력 익스텐션이 감당하기에 너무 많은 콘텐츠를 실행하게 한 게 원인이었던 것 같다. 문제 해결. 2021. 6. 9. 코듈라 빌드 실패 kodular build failed 어제부터 코듈라 빌드실패 에러가 계속해서 발생하고 있다. 종종 이렇게 빌드가 안되는 경우가 있는데, 이 경우는 서버가 다운되어서 그렇다. 코듈라 커뮤니티에도 이미 사람들이 이에 대해 질문을 올려놨는데, 답은 기다리라는 말 뿐이다. 서버 다운이니 당연한 이야기. 하루빨리 서버가 복구되기를 바라며 기다릴 뿐이다. 평소에는 상관없지만 어제는 어제까지 만들어야하는 앱이 있었기에 빌드 실패가 떠서 난감했다. 이전에 미리 빌드해놓은 게 있기는 했지만 말이다. 진짜 중요한 마감기한에 이런 일이 생기면 난감할테니 미리미리 빌드해놓고, 중요한 작업은 마감일에 임박해서 끝내는 일이 없도록 해야겠다는 생각이 들었다. 작업하던 어플들 빨리 마무리하고 싶은데 ㅠ 빨리 서버복구가 완료되기를 ! 2021. 6. 5. 앱 업데이트 후 구글 검토를 기다려요 참 재밌는 일이다. 앱을 만들 때는 잘 만든 것 같은데, 구글플레이에 업로드하고 다운받아 실행해보면 꼭 문제가 보인다. 이럴 경우는 문제들을 빨리 해결해서 다시 구글 플레이에 업로드 해야한다. 이번에 새로 만든 앱도 자잘한 이슈들을 해결하다보니 벌써 5번째 업데이트가 이뤄졌다. 업데이트는 항상 구글의 검수를 거쳐야 완료된다. 내가 업데이트 파일을 올린다고 그 때부터 바로 사람들이 새로운 업데이트 파일을 받을 수 있는 것이 아니다. 구글이 업데이트를 승인해주면 그제서야 업데이트된 버전이 사람들에게 공개된다. 구글이 검수중이면 저렇게 검토 중이라는 업데이트 상태 표시가 뜬다. 이 때는 마냥 기다리는 수 밖에 없다. 검수는 보통 이틀 정도 걸린다고 보면 되는 것 같다. 아마 앱의 성격에 따라 다를 수도 있겠지.. 2021. 5. 5. 내 어플에 리뷰가 달렸을 때 매일 아침, 노트북을 켠 나의 루틴은 대부분 이렇게 진행된다. 메일확인, 애드몹확인, 플레이콘솔확인, 미디엄메일 읽기. 정말 가끔씩 이 메일확인 과정 중에 즐겁고 신선한 경험이 추가된다. 그건 바로 내 앱에 리뷰가 달렸다는 메일을 확인하는 것. 현재 운영하고 있는 어플 중에 가장 처음에 만들었고, 가장 많은 사용자를 갖고 있는 앱이 있다. 이 앱은 외국인들 대상으로 영어로 만든 것이라 한국인 사용자는 아마 거의 없을 것이다. 통계를 봐도 거의 외국 이용자가 대부분이다. 오늘 달린 리뷰는 인도네시아 유저가 달아 준 리뷰다. 별점 다섯개를 주며 좋은 평을 남겨주었다. 'Lumanyan lah'가 무슨 뜻일까 번역해봤더니 '괜찮아'라는 뜻이라네. 사용하기 괜찮다는 긍정적인 메시지라니, 고맙게 느껴졌다. 사실 .. 2021. 5. 4. pixabay api를 이용하여 사진 불러오기 - 코듈라 캔버스 배경에 사진을 넣고 싶어서 pixabay api를 불러오는 방법을 찾아보았다. 1. 첫번째방법 aia파일을 다운받아 실행해보면서 공부중이다. 잘되는군. community.kodular.io/t/pixabay-api-search-web-json-parse-template/48305 Pixabay API Search - Web JSON Parse Template Yes I’m totally on a roll, presenting yet another template! Introducing Pixabay API Search, a frontend to the Pixabay API for searching photos. Features: Automatically creates the proper GET l.. 2021. 5. 2. 3. 코듈라 블록스 코딩 화면 살펴보기 이제 블록코딩 화면을 살펴볼 시간입니다~ 우측 상단 보라색 동그라미처럼 Blocks을 클릭하면, 코딩할 수 있는 화면이 나타납니다. 코딩화면은 크게 5개의 섹션으로 나뉩니다. 1번 섹션은 코딩 할 수 있는 블록들이 모여있는 공간입니다. 퍼즐 모양의 코딩 블록들은 모두 여기에 모여 있습니다. 어떤 기능을 담고 있는 지에 따라서 9개의 주제에 맞춰 코드 블록들이 분류되어 있으니 찾기 편해요. 2번 섹션은 코딩 블록들을 조합하여 나열해두는 곳입니다. 이곳에서 코딩이 진행됩니다. 3번은 배낭입니다. 배낭은 코딩해놓은 블록들을 넣어두었다가 언제든지 꺼내 쓸 수 있는 기능을 제공합니다. 4번은 현재 진행된 코딩에 문제가 있는 경우 알려주는 섹션입니다. 5번의 타겟표시를 누르면 코딩 화면의 정가운데로 이동합니다. 플.. 2021. 4. 11. 2. 코듈라 디자이너 화면 살펴보기 코듈라 화면은 크게 디자이너 화면과 블록화면으로 나뉘어요. 이번에 살펴볼 화면은 디자이너 화면이에요. 우측 상단에 보라색 동그라미에 디자이너가 선택되어있으면 디자이너 화면입니다. 디자이너 화면은 크게 3개의 섹션으로 구성되어있어요. 1. 기능모음 2. 폰화면 3. 디자인 설정화면 디자이너 화면에서 하는작업은 1번 섹션에 있는 기능들 중에서 필요한 것을 선택하여 2에 끌어다놓은 뒤 3에서 설정하는 것입니다. 예를들어 버튼이 필요하다면 1에서 버튼을 끌어다가 2에 놓고 3에서 버튼색, 버튼크기 등 디자인과 관련된 것들을 설정하는 것이죠. 클릭할 때 나타날 동작들(ex. 버튼을 누르면 배경색을 바꿔라)은 여기서 하지 않아요. 다음에 살펴볼 Blocks(블록화면)에서 하는 것입니다. 2021. 4. 2. 코듈라 컴페니언 문제 며칠 전 부터 코듈라로 앱을 만들면서 컴페니언으로 앱 테스트를 해보려하면, 20%에서 더이상 진행이 되지 않으면서 멈춰있는 문제가 발생했다. 일시적인 문제겠거니해서 그냥 빌드해서 앱을 만들어가고 있었는데, 오늘 또 접속해보니 여전히 같은 문제가 발생했다. 코듈라 커뮤니티에서 질문을 검색해보니, 이미 이 문제에 대해 질문을 한 사람들이 있었다. 문제는 크롬브라우저였다. 크롬브라우저를 사용하는 유저들이 이 문제를 겪고 있었다. 아마도 코듈라 컴페니언과 크롬 상에 충돌이 생기는 듯. 빌드는 문제없이 잘 되었는데 말이다. 어쨌든 사람들이 인터넷 브라우저를 파이어폭스로 바꿔보라는 조언들을 올려놓은 것을 보았다. 컴퓨터에 또 무언갈 설치하는 것은 싫은데 말이다. 일단 인터넷 익스플로러는 어떨까 싶어 써보니 사용불가.. 2021. 3. 16. 1. 코듈라로 앱만들기 기본세팅 코듈라로 안드로이드 어플 만들기 첫번째 시간입니다. 현재 코듈라는 안드로이드 어플만 제작 가능하다는 점 참고하시고 시작해봐요. 일단, 코듈라 사이트에 접속하여 앱제작을 위한 기본세팅을 해봅니다. 코듈라는 프로그램을 다운받아서 코딩하는 것이 아니라, 사이트에 접속하여 코딩하는 방식입니다. 따라서 자신이 만든 코드들은 코듈라 사이트에 저장됩니다. 코딩을 하려면 인터넷 연결이 되어있어야 합니다. 이제 시작해볼까요? 추가내용) 인터넷 브라우저로 파이어폭스를 사용하여 작업하시기를 권합니다. 크롬의 경우 오류가 나기도 합니다. 저도 이전에는 크롬으로 쓰다가 일부 기능에 오류가 나서 결국 파이어폭스를 깔았습니다. 익스플로러도 기능을 제대로 쓸 수 없으므로 안됩니다. : 코듈라 오류가 수정됨 https://www.mo.. 2021. 3. 15. 앱인벤터 vs 떤커블 vs 코듈라 - 한눈에 비교 선택 업데이트 23.02.18) 떤커블과 코듈라의 가격정책 변화로 글 대폭 수정 업데이트 21.06.24 ) 세부내용 수정 및 추가 완료 주요내용정리 앱인벤터 떤커블 코듈라 앱에 광고달아 수익화 할 수 있나? Δ 자체 제공기능이 아니므로 수익화 기능 익스텐션을 따로 구해야 가능 O O 일단 무료로 사용가능한가? O O O 가격정책이 있나? X O O IOS 제작가능한가? X O X 비용에 따른 어떤 제한있나? ▷ 모두 무료 단, 프로젝트 한 개당 30MB를 넘기면 안되는 제한은 있음 그러나 이 문제도 따로 해결하는 방법이 있는 것으로 보임 ▷ 무료 프로젝트 10개 200MB 모두 공개프로젝트 (본인 작업이 불특정다수에게 공개된다는 뜻) ▷ 스타터 15달러 프로젝트 20개 500MB 비공개프로젝트 1개 ▷ 프로.. 2021. 3. 12. 이전 1 2 3 4 다음
