앱인벤터/강좌11 앱인벤터 강좌 #6 달력 만들기 안녕하세요. 이지이지입니다. 이번 앱인벤터 강좌에서는 달력 만들기에 대해 설명해보도록 하겠습니다. 달력 만들기 알고리즘은 고려할 사항이 많습니다. 선택한 년도의 달에 1일이 무슨 요일에 시작하는지에 따라 달력의 형태가 바뀌기 때문이죠. 먼저, 예제에 사용된 소스를 내려받아 함께 보면서, 아래 설명을 읽어보도록 하세요. 화면 구성 본 예제의 화면 구성은 다음 이미지와 같습니다. Non-visible components에 대해 먼저 설명하자면 1. MakeViewUp1: 눈에 보이는 컴포넌트(ex. 버튼, 레이블, 텍스트 상자 등)에 디자인적인 요소를 더해주는 확장 프로그램입니다. 본 예제에서는 오늘 날짜를 둥근 파란색 배경으로 설정하기 위해 사용하였습니다. 2. Clock1: 연도, 월, 일을 가져오기 위.. 2022. 8. 30. 앱인벤터 강좌 #5 API, JSON 사용방법 및 Dictionary 컴포넌트 활용하기 안녕하세요. 이지이지입니다. 이번 포스팅에서는 각종 API 사용방법과 API를 통해 데이터를 받았을 때 가장 흔히 쓰이는 데이터 형식인 JSON 다루기, 그리고 앱인벤터에서 JSON과 잘 어울리는 Dictionary 컴포넌트의 활용방법에 대해 설명드리겠습니다. 다룰 순서와 세부적인 내용은 다음과 같습니다. 1. Postman으로 API 테스트 하기 2. Daum 검색 API를 Postman으로 테스트 하기 3. JSON Viewer Pro(크롬 확장프로그램)로 키(key)의 경로 알아내기 4. 앱인벤터 Dictionary 컴포넌트로 원하는 데이터 가져오기 5. OpenWeatherMap API를 통한 날씨 정보 앱 만들기(별도 포스팅) Postman으로 API 테스트 하기 Postman은 API를 만들고.. 2021. 10. 25. 앱인벤터 강좌 #4 차트, 그래프 사용하기 안녕하세요. 이지이지입니다. 이번 포스팅에서는 앱인벤터에서 차트, 그래프를 그리는 방법에 대해 다루어보도록 하겠습니다. 앱인벤터 자체에서 차트를 그릴 수는 없고, 구글 차트의 도움을 받아 그려보도록 하겠습니다. 구글 차트는 막대 그래프, 파이 차트 선형 그래프, 분산 그래프 등등 그리지 못하는 것이 없으며, 사용자가 원하는 대로 디자인을 커스터마이징할 수 있는 장점이 있습니다. 이 포스팅의 예제에서는 파이 차트를 그려보도록 하겠습니다. 화면 구성 예제 앱의 화면 구성은 매우 간단합니다. [차트를 보여줘] 버튼을 클릭하면, 웹뷰어1에서 차트를 보여주게 됩니다. 웹뷰어1이 보여줄 구글 차트는 미디어 창에 업로드 되어있는 EG_GoogleChart.html입니다. EG_GoogleChart.html을 통해 차.. 2021. 8. 13. 앱인벤터 강좌 #3 파이어베이스(Firebase) 안녕하세요. 이지이지입니다. 이번 포스팅에서는 앱인벤터에서 데이터베이스 사용을 위한 파이어베이스 컴포넌트에 대해 알아보도록 하겠습니다. 파이어베이스는 아직 실험실(Experimental)에 있는 단계인데요. 아직 앱인벤터에서 사용자별 권한설정 등 파이어베이스의 모든 기능을 활용하지 못하여 그런 것 같습니다. 그래도 앱인벤터에서 가장 쉽고 편리하게 사용할 수 있으면서, 사용자 인증기능까지 제공하는 것은 파이어베이스 밖에 없는 것 같습니다. 파이어베이스로 이메일 인증 기능이 있는 회원가입, 로그인 기능 구현이나 권한 관리(규칙 설정) 등과 같은 좀 더 고난이도 스킬은 제 블로그의 이전 포스팅을 참고하시구요. 앱인벤터 회원가입 및 로그인 만들기(feat. 이메일 인증, 파이어베이스DB) #1 안녕하세요. 이지.. 2021. 7. 1. 앱인벤터 강좌 #2 딕셔너리(Dictionary) 블록 안녕하세요. 이지이지입니다. 이번 포스팅에서는 딕셔너리(Dictionary) 블록에 대해 알아보도록 하겠습니다. 딕셔너리(Dictionary)란? 딕셔너리는 키(key)와 값(value)으로 이루어진 데이터 구조를 말하며, 우리가 일상에서 사용하는 실제 사전을 생각하면 이해하기 쉽습니다. 예를 들어 사전에서 pencil: 연필의 뜻을 찾는다고 하면, 앱인벤터에서 "pencil"은 키가 되고 그 뜻인 "연필"은 값이 됩니다. 앱인벤터에서 딕셔너리의 구조는 중괄호 { }안에 {"키":"값"}으로 표현됩니다. 딕셔너리는 앱인벤터에서 자주 사용하는 Firebase의 구조인 json과도 잘 어울립니다. 딕셔너리(Dictionary) 블록 빈 딕셔너리를 만드는 블록입니다. - 나중에 set value for key.. 2021. 6. 22. 이전 1 2 3 다음
