분류 전체보기
-
[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 03. 블록코딩 / 녹음 시작 / 녹음 중지✏️ 공부하자/Thunkable 2022. 11. 15. 17:06
안녕하세요! 썬커블로 녹음기 만들기 세번째 글이네요~ 이번에는 지난번 만든 조건블록의 실행부분에 들어갈 블록을 같이 작업해 보겠습니다! 블록 코딩 하기 지난 글에서 이벤트 블록과 조건 블록, 비교 블록을 사용해서 아래와 같이 블록 코딩했었습니다. btn_rec를 누르면 btn_rec의 텍스트가 "녹음 시작"과 같은 경우(참인 경우) do~ 가 실행되고 다른 경우(거짓일 경우) else~ 가 실행되도록 하는 블록이었죠? 기억나지 않으신다면👇아래 링크의 이전글을 먼저 읽고 진행해 주세요~! [Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 02. 블록코딩 / 이벤트 / 조건 / 비교 [Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 02. 블록코딩 / 이벤트 / 조건 / 비교 지난 포스팅에서 ..
-
[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 02. 블록코딩 / 이벤트 / 조건 / 비교✏️ 공부하자/Thunkable 2022. 11. 14. 21:17
지난 포스팅에서 배치한 녹음기 화면을 바탕으로 블록 코딩을 해보겠습니다. 녹음기 화면 배치가 아직 안되셨다면 👇아래 포스팅을 참고하여 화면배치 후 다시 읽어주세요~! [Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 01. 컴포넌트 배치 / 버튼 disabled 속성 안녕하세요 Sooj 입니다. 이번에는 썬커블을 이용하여 코딩없이 블록코딩으로 녹음기 앱을 함께 제작해 보도록 하겠습니다. 혹시나 썬커블을 처음 접해보시는 분들이라면 🔗썬커블로 시작하는 purpleo.tistory.com 블록 코딩 하기 Block탭으로 이동하여 블록 코딩을 진행해 볼게요! 오늘은 몇가지 자주 쓰이는 블록들에 주목하여 간단한 설명도 같이 써보려고 합니다. 이벤트 블록 '이벤트'는 '사용자가 어떤 동작을 했을 때'를 의미..
-
[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 프로젝..