✏️ 공부하자
-
[Thunkable] 썬커블 번역기에 언어선택 추가하기 - 04. 블록코딩 / 변수✏️ 공부하자/Thunkable 2022. 11. 27. 18:38
변수 선언 👉 변수블록에 대한 개념을 잘 모르시는 분들은 🔗이 게시물을 먼저 참고해 주세요. 썬커블 번역기는 언어의 코드를 인식하여 동작합니다. 그래서 번역할 언어를 선택하는 기능을 만들기 앞서 언어 코드의 관리를 편하게 하기 위해 변수블록을 사용하도록 할게요. 코어 블록의 Variables에서 initialize variable블록을 드래그 앤 드롭하여 블록세트들의 상단에 배치하고 변수명을 lang_code로 지정하겠습니다. 코어블록의 Logic에서 null 블록을 변수값 자리에 드래그 앤 드롭 하여 조립해 줍니다. list_lang의 리스트 아이템을 선택했을 때 이제 list_lang에 표시된 언어 리스트중 원하는 것을 선택하면 번역언어가 변경되는 기능을 만들어 볼게요. list_lang에서 리스트 ..
-
[Thunkable] 썬커블 번역기에 언어선택 추가하기 - 03. 블록코딩 / 데이터 소스 블록✏️ 공부하자/Thunkable 2022. 11. 26. 20:02
썬커블 번역기에 언어 선택 추가하기 세 번째 글입니다. 이번 글에서는 미리 추가해둔 데이터소스를 이용하여 블록 코딩을 시작해 보도록 할게요. 이 시리즈의 이전 글을 보시려면 아래 링크를 클릭해 주세요! [Thunkable] 썬커블 번역기에 언어 선택 추가하기 - 02. 데이터 소스 추가 / 구글시트 가져오기 [Thunkable] 썬커블 번역기에 언어선택 추가하기 - 02. 데이터소스 추가 / 구글시트 가져오기 썬커블 번역기에 언어선택 추가하기 두번째 글입니다. 이번 글에서는 구글시트에 작성된 테이블을 썬커블 데이터 소스로 추가하는 법을 알아보겠습니다. 첫번째 글을 보지 않으셨다면 아래 링 purpleo.tistory.com 이전 글에서 구글시트를 썬커블 데이터 소스로 추가해 보았는데요. 오늘은 데이터 소..
-
[Thunkable] 썬커블 번역기에 언어선택 추가하기 - 02. 데이터소스 추가 / 구글시트 가져오기✏️ 공부하자/Thunkable 2022. 11. 25. 21:08
썬커블 번역기에 언어선택 추가하기 두번째 글입니다. 이번 글에서는 구글시트에 작성된 테이블을 썬커블 데이터 소스로 추가하는 법을 알아보겠습니다. 첫번째 글을 보지 않으셨다면 아래 링크를 클릭해 주세요! [Thunkable] 썬커블 번역기에 언어선택 추가하기 - 01. 화면 구성 / 컴포넌트 배치 [Thunkable] 썬커블 번역기에 언어선택 추가하기 - 01. 화면 구성 / 컴포넌트 배치 안녕하세요 Sooj입니다. 이번 시리즈에서는 이전에 만들었던 번역기 앱에 썬커블 데이터소스를 이용하여 번역 결과 언어 선택 기능을 추가하는 작업을 해보려고 합니다. 썬커블로 코딩없이 만드 purpleo.tistory.com 데이터소스 썬커블에서는 데이터소스를 추가한 후 저장된 정보를 블록으로 사용할 수 있습니다. 데이터..
-
[Thunkable] 썬커블 번역기에 언어선택 추가하기 - 01. 화면 구성 / 컴포넌트 배치✏️ 공부하자/Thunkable 2022. 11. 24. 22:32
안녕하세요 Sooj입니다. 이번 시리즈에서는 이전에 만들었던 번역기 앱에 썬커블 데이터소스를 이용하여 번역 결과 언어를 선택하는 기능을 추가하는 작업을 해보려고 합니다. 썬커블로 코딩없이 만드는 번역기 시리즈에서 만들었던 번역기 앱입니다. 이번에는 이 앱에 추가로 번역 언어 선택 기능을 넣어보려고 해요. 이 화면에서 바로 작업을 시작할 예정이니 이전 시리즈를 보지 않으신 분들은 아래 링크를 참고하여 주세요! [Thunkable] 썬커블로 코딩없이 만드는 번역기 - 01. 컴포넌트 배치 / 복제 / 그룹 [Thunkable] 썬커블로 코딩없이 만드는 번역기 - 01. 컴포넌트 배치 / 복제 / 그룹 안녕하세요 Sooj입니다. 어느덧 두 번째 프로젝트네요! 이번에는 번역기 앱을 코딩 없이 썬커블로 함께 만들..
-
[Sass/SCSS] CSS중노동 탈출하기 - 02. 컴파일 / 옵션 / 소스맵✏️ 공부하자/CSS 2022. 11. 22. 19:01
[Sass/SCSS] CSS중노동 탈출하기 - 01. Sass(SCSS)를 시작하자! [Sass/SCSS] CSS중노동 탈출하기 - 01. Sass(SCSS)를 시작하자! 좀더 수월한 노동(?)을 위해 몇년전부터 업무에 Sass를 사용하고 있습니다. 작업 효율이 훨씬 올라가고 활용도가 무궁무진 하지만 내가 과연 Sass를 잘 알고 활용하고 있는가에 대한 의문이 들어 purpleo.tistory.com 지난번 글에서는 Sass를 쓰는 이유와 설치방법을 알아보고 컴파일 까지 해보았습니다. 오늘은 Sass(SCSS)를 컴파일 하기 위한 명령어와 소스맵, 그리고 몇몇 주요한 컴파일 옵션들을 알아보겠습니다! 명령어로 컴파일하기 # 하나의 파일 $ sass input.scss output.css # 여러개 파일 $..
-
[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 04. 블록코딩 / 변수 / 녹음파일 재생✏️ 공부하자/Thunkable 2022. 11. 17. 22:00
안녕하세요 Sooj입니다. 오늘은 '변수'라는 것을 이용하여 녹음기의 녹음파일 재생 기능을 블록 코딩하여 녹음기 앱을 완성해 보도록 하겠습니다. 블록 코딩 하기 변수블록 (Variables) 앱을 사용하거나 제작할 때 우리는 많은 데이터를 필요로 합니다. 프로그래밍에서는 이 데이터를 기억하기 쉽게 정리하기 위해서 가상의 그릇을 만들어 데이터를 담아주는데요. 여기서 데이터를 담을 그릇을 변수라고하고, 그 그릇에 담긴 데이터를 변수값이라고 합니다. 하나의 앱을 만들더라도 여러 개의 그릇이 사용될 수 있으므로, 알아볼 수 있게 각 그릇에 이름을 붙여줍니다. 이 각 그릇의 이름을 변수명이라고 합니다. 이러한 변수는 같은 데이터를 여러 곳에 사용해야 하는 경우 유용합니다. 예를 들어 변수 A에 데이터 1을 담으면..
-
[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탭으로 이동하여 블록 코딩을 진행해 볼게요! 오늘은 몇가지 자주 쓰이는 블록들에 주목하여 간단한 설명도 같이 써보려고 합니다. 이벤트 블록 '이벤트'는 '사용자가 어떤 동작을 했을 때'를 의미..