✏️ 공부하자
-
[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 01. 컴포넌트 배치 / 버튼 disabled 속성✏️ 공부하자/Thunkable 2022. 11. 13. 15:56
안녕하세요 Sooj 입니다. 이번에는 썬커블을 이용하여 코딩없이 블록코딩으로 녹음기 앱을 함께 제작해 보도록 하겠습니다. 혹시나 썬커블을 처음 접해보시는 분들이라면 🔗썬커블로 시작하는 앱 개발 시리즈를 먼저 읽고 오시면 도움이 될 것 같습니다. 완성된 앱 미리보기 완성된 앱의 모습을 미리 살펴보겠습니다. 초기화면 : 앱을 실행하면 나오게될 화면입니다. 녹음시작과 녹음재생 버튼이 있는데 녹음재생 버튼은 비활성화 처리된 모습을 볼 수 있습니다. 녹음중 : 녹음시작 버튼을 누르면 녹음이 시작되고 버튼의 색이 바뀌면서 버튼의 텍스트가 녹음중지로 변경됩니다. 녹음완료 : 녹음중지 버튼을 누르면 녹음이 끝나면서 버튼이 원래대로 돌아오고, 녹음재생 버튼이 활성화됩니다. 녹음재생 : 녹음재생 버튼을 누르면 녹음된 파일..
-
[Thunkable] 썬커블로 코딩없이 만드는 번역기 - 02. 블록코딩 / 테스트✏️ 공부하자/Thunkable 2022. 11. 9. 17:07
저번 포스팅에서 배치한 화면을 바탕으로 블록코딩을 진행해 보고, 라이브 테스트까지 함께 해보겠습니다. 🔗 [Thunkable] 썬커블로 코딩없이 만드는 번역기 - 01. UI 컴포넌트 배치 / 복제 / 그룹 [Thunkable] 썬커블로 코딩없이 만드는 번역기 - 01. UI 컴포넌트 배치 / 복제 / 그룹 안녕하세요 Sooj입니다. 어느덧 두 번째 프로젝트네요! 이번에는 번역기 앱을 코딩 없이 썬커블로 함께 만들어보도록 할게요. 이번 프로젝트 부터는 프로젝트 생성에 대한 설명을 생략하도록 하 purpleo.tistory.com 상단의 Block탭을 눌러 블록코딩 에디터로 이동하겠습니다. UI 배치가 아직 안되셨다면 👆위에 링크된 포스팅을 먼저 읽고 와주세요. 번역기 앱 만들기 - 블록코딩 우리가 만들 ..
-
[Thunkable] 썬커블로 코딩없이 만드는 번역기 - 01. 컴포넌트 배치 / 복제 / 그룹✏️ 공부하자/Thunkable 2022. 11. 8. 23:01
안녕하세요 Sooj입니다. 어느덧 두 번째 프로젝트네요! 이번에는 번역기 앱을 코딩 없이 썬커블로 함께 만들어보도록 할게요. 이번 프로젝트부터는 프로젝트 생성에 대한 설명을 생략하도록 하겠습니다. 프로젝트 생성에 대한 설명이 필요하신 분들은 아래 포스팅을 참조해 주세요! [Thunkable] 썬커블로 시작하는 앱 개발 - 02. 모바일 앱 설치, 프로젝트 생성 [Thunkable] 썬커블로 시작하는 앱개발 - 02. 모바일 앱 설치, 프로젝트 생성 지난번 포스팅에서는 Thunkable(썬커블)에 대한 간단한 소개와 Thunkable(썬커블)을 선택한 이유에 대해 써보았는데요. 이번 시간에는 앱을 제작하면서 실시간으로 결과물을 확인하기 위한 Thunkable(썬 purpleo.tistory.com 혹시나 ..
-
[Thunkable] 썬커블로 코딩없이 만드는 이미지 인식 앱 - 03. 완성!✏️ 공부하자/Thunkable 2022. 11. 7. 21:37
코딩없이 만드는 이미지 인식 앱! 이제 완성을 앞두고 있습니다. 오늘은 썬커블 블록을 배치하여 앱을 완성하고 테스트까지 해보도록 할게요~! [Thunkable] 썬커블로 코딩없이 만드는 이미지 인식 앱 - 02. 에셋(Assets) 패널 사용하기 [Thunkable] 썬커블로 코딩없이 만드는 이미지 인식 앱 - 02. 에셋(Assets) 패널 사용하기 지난시간에 이어 이미지 인식 앱 작업을 이어가 볼게요 오늘은 미디어 파일을 업로드하여 앱에 사용할 수 있는 에셋 기능에 대해 알아보겠습니다! [Thunkable] 코딩없이 만드는 이미지 인식 앱 - 01. purpleo.tistory.com 바로 시작해 볼까요? 상단의 Block탭을 클릭하여 Block 에디터로 이동하겠습니다. 블록 코딩 이미지 인식 앱 만..
-
[Thunkable] 썬커블로 코딩없이 만드는 이미지 인식 앱 - 02. 에셋(Assets) 패널 사용하기✏️ 공부하자/Thunkable 2022. 11. 6. 23:29
지난시간에 이어 이미지 인식 앱 작업을 이어가 볼게요 오늘은 미디어 파일을 업로드하여 앱에 사용할 수 있는 에셋 기능에 대해 알아보겠습니다! [Thunkable] 코딩없이 만드는 이미지 인식 앱 - 01. 프로젝트 생성, 디자인 [Thunkable] 코딩없이 만드는 이미지 인식 앱 - 01. 프로젝트 생성, 디자인 안녕하세요. Sooj입니다. 저번 시리즈에서는 썬커블의 기본적인 사용법을 익히고 간단한 샘플 앱까지 제작해 보았습니다. 이번에는 공부한것을 바탕으로 Camera 앱 기능을 이용한 이미지 인식 앱 purpleo.tistory.com 이전 포스팅에서 배치한 UI 컴포넌트의 Web Preview 화면입니다. 편집화면에서는 알 수 없던 문제가 생겼었죠? 이미지 컴포넌트에 표시할 사진이 없어 컴포넌트 ..
-
[Thunkable] 썬커블로 코딩없이 만드는 이미지 인식 앱 - 01. 프로젝트 생성, 디자인✏️ 공부하자/Thunkable 2022. 11. 6. 01:29
안녕하세요. Sooj입니다. 저번 시리즈에서는 썬커블의 기본적인 사용법을 익히고 간단한 샘플 앱까지 제작해 보았습니다. 이번에는 공부한것을 바탕으로 Camera 앱 기능을 이용한 이미지 인식 앱을 만들어보려고 해요! 👇 썬커블을 처음 접해보시거나 기억나지 않으시면 저의 예전 포스팅을 참고해주세요! [Thunkable] I. 썬커블로 시작하는 앱 개발 - 01. 썬커블을 선택한 이유 [Thunkable] I. 썬커블로 시작하는 앱개발 - 01. 썬커블을 선택한 이유 안녕하세요, Sooj입니다. 초보자도 쉽게 개발을 해볼 수 있는 Thunkable(썬커블)이라는 블록 코딩 서비스를 이용하여 함께 앱을 만들어보고 최종적으로 직접 만든 앱을 출시, 광고를 이용한 수익까 purpleo.tistory.com 프로젝..
-
[Thunkable] 썬커블로 시작하는 앱개발 - 04. 샘플 앱 블록 코딩, 테스트하기✏️ 공부하자/Thunkable 2022. 11. 3. 21:51
지난 포스팅에서는 썬커블 디자인(Design) 탭의 인터페이스에 대한 설명과 간단한 화면 배치를 해보았습니다. 오늘은 블록(Blocks) 탭으로 이동하여 블록코딩을 해보겠습니다. 👇 이전 포스팅을 먼저 읽고 와주세요! [Thunkable] I. 썬커블로 시작하는 앱개발 - 03. UI 컴포넌트 배치해보기 [Thunkable] I. 썬커블로 시작하는 앱개발 - 03. 컴포넌트 배치해보기 저번 포스팅에서는 라이브테스트를 위한 Thunkable(썬커블) 모바일 앱 설치와 프로젝트 생성까지 해보았는데요. 이제 본격적으로 블록코딩 앱 개발을 위한 Thunkable(썬커블) 디자인 인터페이스를 살 purpleo.tistory.com 이제 상단의 탭 메뉴에서 블록(Blocks) 탭을 클릭해서 블록 코딩을 할 수 있는..
-
[Thunkable] 썬커블로 시작하는 앱개발 - 03. 컴포넌트 배치해보기✏️ 공부하자/Thunkable 2022. 11. 2. 23:10
저번 포스팅에서는 라이브테스트를 위한 썬커블 앱 설치와 프로젝트 생성까지 해보았는데요. 이제 본격적으로 블록코딩 앱 개발을 위한 썬커블의 디자인 인터페이스를 살펴보고, 간단한 컴포넌트 배치를 해보도록 하겠습니다. 저번 포스팅을 보지 못하셨다면, 👇 아래 링크를 먼저 참고해 주세요! [Thunkable] I. 썬커블로 시작하는 앱개발 - 02. 모바일 앱 설치, 프로젝트 생성 [Thunkable] I. 썬커블로 시작하는 앱개발 - 02. 모바일 앱 설치, 프로젝트 생성 지난번 포스팅에서는 Thunkable(썬커블)에 대한 간단한 소개와 Thunkable(썬커블)을 선택한 이유에 대해 써보았는데요. 이번 시간에는 앱을 제작하면서 실시간으로 결과물을 확인하기 위한 Thunkable(썬 purpleo.tisto..