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