[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 23

#슬기로운

#앱인벤터#코딩

#앱인벤터#코딩

#앱인벤터#코딩


내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다.

#블록코딩

내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다.

#스크래치#엔트리

#앱인벤터#스마트폰#코딩을#앱만들기#코딩교육#최적화된프로그램


이번 시간 목표 : 두 언어를 번역할 수 있는 번역 앱 만들기-1


여행을 가거나 외국인을 만났을 때 의사소통이 어려워 언어번역 앱을 사용해보신 분이 있을겁니다. 스마트폰에서 사용 가능한 다양한 번역 앱이 있습니다. 앱 개발사나 개발자가 만든 번역 앱을 사용하는 것도 좋지만 직접 나만의 번역 앱을 만들어 사용하면 더 좋을듯합니다. 이번 프로젝트에서는 한↔영 번역 앱을 만들어 보겠습니다.


[프로젝트]를 클릭 후 [새 프로젝트 시작하기]를 클릭합니다.



프로젝트 이름을 입력하는 창이 나오면 [Translator]를 입력 후 [확인]을 클릭합니다.




컴포넌트 창에서 [Screen1]을 클릭합니다. 프로젝트의 속성 창에서 수평 정렬 [가운데 : 3], 수직정렬 [가운데 : 2], 앱이 름 [지니번역], 배경이미지 [bg. png], 아이콘 [icon.png]로 설정합니다.




속성 창에서 스크린방향 [세로], 제목 [지니번역기]로 설정합니다.




팔레트 창 [사용자 인터페이스]를 클릭 후 [레이블]을 뷰어 창으로 드래그&드롭합니다.




속성 창에서 배경색 [없음], 높이 [30 픽셀], 텍스트 [번역할 단어나 문장을 입력 후 번역 버튼을 누르세요~], 텍스트정렬 [가운데 : 1]로 설정합니다.




팔레트 창 [레이아웃] 그룹을 클릭 후 [수평배치]를 뷰어 창 레이블 아래로 3회 드래그&드롭 합니다.




컴포넌트 창 [수평배치1]을 클릭 후 속성 창의 수평정렬 [가운 데 : 3], 수직정렬 [가운데 : 2], 배경색 [없음], 높이 [100 픽셀], 너비 [부모 요소에 맞추기]로 설정합니다.




컴포넌트 창 [수평배치2]를 클릭 후 속성 창의 수평정렬 [가운 데 : 3], 수직정렬 [가운데 : 2], 배경색 [없음], 높이 [100 픽셀], 너비 [부모 요소에 맞추기]로 설정합니다.




컴포넌트 창 [수평배치3]을 클릭 후 속성 창의 수평정렬 [가운데 : 3], 수직정렬 [가운데 : 2], 배경색 [없음], 높이 [100 픽셀], 너비 [부모 요소에 맞추기]로 설정합니다.




팔레트 창 [사용자 인터페이스] 그룹을 클릭 후 [이미지]를 뷰어 창 '수평배치1' 안으로 드래그&드롭합니다.




팔레트 창 사용자 인터페이스 그룹의 [텍스트박스]를 뷰어 창 '수평배치1' 안으로 드래그& 드롭합니다.




팔레트 창 사용자 인터페이스 그룹의 [이미지]를 뷰어 창 '수평배치2' 안으로 두 번 드래그&드롭합니다.




팔레트 창 사용자 인터페이스 그룹의 [이미지]를 뷰어 창 '수 평배치3' 안으로 드래그&드롭합니다.




팔레트 창 사용자 인터페이스 그룹의 [텍스트박스]를 뷰어 창 '수평배치3' 안으로 드래그&드롭합니다.




컴포넌트 창 '수평배치1'내의 [이미지1]을 클릭 후 속성 창의 높이 [70 픽셀], 너비 [70 픽셀], 사진 [korea.png]로 설정합니다.




컴포넌트 창 '수평배치1' 내 의 [텍스트박스1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이름을 [한글텍스트박스]로 입력 후 [확인]을 클릭합니다.




속성 창의 높이 [100 픽셀], 너비 [70 퍼센트], 힌트 [ ], 여러 줄 [체크]로 설정합니다.




컴포넌트 창 '수평배치2' 내의 [이미지2]를 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이름을 [한영번역]으로 입력 후 [확인]을 클릭합니다.




속성 창의 Clickable [체크], 사진 [Trans1.png]로 설정합니다.




컴포넌트 창 '수평배치2' 내의 [이미지3]을 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이름을 [영한번역]으로 입력 후 [확인]을 클릭합니다.




속성 창의 Clickable [체크], 사진 [Trans2.png]로 설정합니다.




컴포넌트 창 '수평배치3' 내의 [이미지4]를 클릭 후 속성 창의 높이 [70 픽셀], 너비 [70 픽셀], 사진 [usa.png]로 설정합니다.




컴포넌트 창 '수평배치3' 내의 [텍스트박스2]를 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이름을 [영어텍스트박스]로 입력 후 [확인] 을 클릭합니다.




속성 창의 높이 [100 픽셀], 너비 [70 퍼센트], 힌트 [ ], 여러줄 [체크]로 설정합니다.




팔레트 창 [미디어] 그룹을 클릭 후 [얀덱스번역]을 뷰어 창으로 두 번 드래그&드롭합니다.


이번 시간은 여기까지입니다.

다른 앱에 비해 사용한 컴포넌트나 속성 설정 내용이 조금 길지만 천천히 만들어보겠습니다.


감사합니다^^

다음시간에 또 뵈요~^^*



코딩을 처음 입문하시는 분들~

코딩에 코자만 들어도 머리아프신 분들~

블록코딩을 이용한 앱을 만들 수 있는 아래 책을 추천해드립니다.


[▶ 이 책의 대상 독자]

- 코딩을 배우고 싶은 Software 비전공 입문 독자

- 소프트웨어 교육 의무화로 소프트웨어 코딩을 배우고 싶은 학생

- 초등학교, 중학교, 고등학교에서 방과후 교육을 진행하는 선생님

- 대학 및 학원, 직업전문학교 등의 교육 기관에서 코딩을 가르치는 교수님, 선생님

- 스마트폰 앱을 직접 만들어 사용하고 싶은 독자

- 사물인터넷과 스마트 센서를 활용한 앱을 만들고 싶은 독자

- 인공지능을 이해하고 관련 앱을 만들어보고 싶은 독자


[▶이 책에서 다루는 내용]

- 블럭코딩을 이용해 스마트폰에서 사용 가능한 앱 만들기

- 음성인식 기능을 활용한 음성을 텍스트로 받아적기

- 가족/지인 전화걸기 앱 만들기

- 언어 번역 앱 만들기

- 녹음기 앱 만들기

- 두더지 잡기 게임 만들기

- 나만의 인터넷 웹브라우저 만들기

- 여러 사이트 검색을 한방에 검색왕 앱 만들기

- 만보기 센서를 이용한 만보기 앱 만들기

- 방위 센서를 활용한 나침반 앱 만들기

- 가속도 센서를 이용한 응급상황 알리미 앱 만들기

- 근접 센서를 이용한 운동 앱 만들기

- 위치 센서를 이용한 내 위치찾기 앱 만들기

- 앱인벤터 확장기능으로 플래시 SOS 앱 만들기

- 인공지능을 이해할 수 있는 챗봇 앱 만들기

- 인공지능 이미지 분석 앱 만들기

- 인공지능 안면인식 앱 만들기

- Facemesh를 이용한 사진 꾸미기 앱 만들기



[▶도서는 교보문고, 영풍문고, Yes24, 알라딘, 인터파크 사이트나 앱에서 구매할 수 있습니다.]


코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!!

끝까지 읽어주셔서 고맙습니다^^



#코딩

#블록코딩

#앱인벤터

#AppInventor

#스크래치

#Scratch

#엔트리

#Entry

#엠블록

#코딩추천책

#코딩책추천

#앱인벤터책

#앱인벤터강좌

#블록코딩책추천

#앱인벤터추천도서

#코딩책

#사물인터넷

#사물인터넷책추천

#인공지능

#인공지능앱

#인공지능앱만들기

#인공지능책추천

#쉬운코딩

#쉽게앱만들기

#처음코딩

#코딩강좌

IT 교육전문가 코딩, 소프트웨어, 사물인터넷 정보보안, 스마트폰 영상편집 등의 강의 및 출판을 전문으로하는 1인기업입니다.
Follow
Cards you may also be interested in
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 25
bakkas
3
1
0
2022 한국언론진흥재단 뉴스저작권지킴이 제7기 발대식 참가후기.SSUL
bodobbodob305
2
0
0
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 28
bakkas
4
1
0
물놀이 안전대책! 안전한 휴가 즐기기~
sjcore202020
1
0
0
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 27
bakkas
2
1
0
장애인연금 2022 대상자, 수령액 모두 알아가세요
govbokjiro
1
1
0
국민연금 수령 계좌번호 변경 방법 – 온라인으로 3분!
emona89
2
3
0
🤔“보돕보돕! 뉴스저작권을 알려줘~”🤗
baikchewon
4
0
0
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 24
bakkas
3
3
0
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 26
bakkas
2
4
0
성공 경험을 경계해야 하는 이유
Marblerstory
5
3
0
청약통장 명의변경하니 가입기간 만점?
bunyangtong
1
2
0
제주 맛집 한달살기
nustarplan
2
0
0
유튜브 동영상 자막 쉽게 다운로드 하기
bakkas
5
10
0
유튜브 시크릿모드 설정 방법 1분
wolchen
3
6
0
"중요한 재충전 시간"…尹, 국정 난제 속 닷새간 여름휴가 휴가쓸 자격은 되고? 대통령이 지 하고 싶은거 다 할라고 하네.. 이 시국에 국민들은 코로나 재유행까지 덮쳤는데.. 뭐 한게 있다고 휴가?? 그냥 쭉 쉬고 영원히 돌아오지 마라!!! https://n.news.naver.com/article/001/0013344448?sid=100
plus68
8
0
3
Haluman
2
2
0
#책속의한마디_욕심에서벗어나기
ritec1
4
4
0
반깐 하이산(Banh canh Haisan)-해물 우동(?)
kandalama
3
0
0
청년내일채움공제 조건, 가입방법 여기서 살펴보세요
govbokjiro
1
2
0
4.7 Star App Store Review!
Cpl.dev***uke
The Communities are great you rarely see anyone get in to an argument :)
king***ing
Love Love LOVE
Download

Select Collections