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

#슬기로운 코딩생활

#앱인벤터 를 하면 #코딩 이 재미있어집니다.

#앱인벤터 를 하면 #코딩 이 즐거워집니다.

#앱인벤터 를 하면 #코딩 을 하고싶어집니다.

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

#블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다.

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

#스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다.

#앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다.

이번 시간 목표 : 내가 자주가는 사이트를 쉽게 접속할 수 있도록 지원하는 웹 브라우저 만들기!! (1/3)

스마트폰을 이용해 인터넷을 자주 이용할 것입니다. 개인마다 자주 이용하는 사이트는 다를 수 있습니다. 내가 자주 이용하는 사이트를 등록해, 터치 한 번으로 쉽게 접속할 수 있도록 나만의 인터넷 웹브라우저를 만들어 보겠습니다.


새로운 프로젝트를 만들기 위해 [프로젝트]-[새 프로젝트 시작하기]를 클릭합니다.




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




컴포넌트 창의 [Screen1]을 클릭 후 속성 창에서 수평정렬 [가운데 : 3], 앱이름 [지니인터넷], 아이콘 [internet.png], 제목보이기 [체크해제]로 설정합니다.




여러 개의 컴포넌트를 옆으로 배치하기 위해 팔레트 창 [레이아웃] 그룹을 클릭 후 [수평배치]를 뷰어 창으로 드래그&드롭합니다.




속성 창에서 배경색 [없음], 너비 [부모 요소에 맞추기]로 설정 합니다.




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




컴포넌트 창의 [텍스트박스1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [주소]를 입력 후 [확인]을 클릭합니다.




속성 창에서 높이 [40 픽셀], 너비 [40 퍼센트], 힌트 [ ]로 설정합니다.




팔레트 창 사용자 인터페이스 그룹의 [버튼]을 뷰어 창 텍스트 박스 오른쪽에 드래그&드롭합니다.




컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [접속]을 입력 후 [확인]을 클릭합니다.




속성 창에서 높이 [40 픽셀], 이미지 [go.png], 텍스트 [ ]로 설정합니다.




컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [네이버]를 입력 후 [확인]을 클릭합니다.





속성 창에서 높이 [40 픽셀], 텍스트 [N]으로 설정합니다. 버튼의 텍스트를 한 글자로 설정한 이유는 화면에 더 많은 버튼을 만들기 위해서 입니다. 목록 선택버튼 컴포넌트를 사용하면 좀 더 많은 사이트를 등록할 수 있으나 코드 블록이 복잡해져 이번 프로젝트에서는 간략하게 구성해 보겠습니다.




팔레트 창 [사용자 인터페이스] 그룹의 [버튼]을 뷰어 창 N 버튼 오른쪽으로 드래그&드롭합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 새 이름에 [유튜브]를 입력 후 [확인]을 클릭합니다.

속성 창에서 높이 [40 픽셀], 텍스트 [Y]로 설정합니다.




팔레트 창 사용자 인터페이스 그룹의 [버튼]을 뷰어 창 Y 버튼 오른쪽으로 드래그&드롭합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합 니다. 새 이름에 [신문]을 입력 후 [확인]을 클릭합니다.




속성 창에서 높이 [40 픽셀], 텍스트 [NP]로 설정합니다.




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




속성 창에서 높이 [부모 요소에 맞추기], 너비 [부모 요소에 맞 추기], 홈URL [http://naver. com]으로 설정합니다.


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

다음시간에는 블록코딩으로 앱을 완성해보겠습니다.

또 뵈요^^




앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다.


[▶ 이 책의 대상 독자]

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

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

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

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

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

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

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



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

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

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

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

- 언어 번역 앱 만들기

- 녹음기 앱 만들기

- 두더지 잡기 게임 만들기

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

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

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

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

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

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

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

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

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

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

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

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


[▶도서 구매 링크]

─────────────────────────────────────────────

교보문고 : http://www.kyobobook.co.kr/product/detailViewKor.laf?barcode=9791196027223

영풍문고 : https://www.ypbooks.co.kr/book.yp?bookcd=101159743

Yes24 : http://www.yes24.com/Product/Goods/108250143

알라딘 : https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=290859612

인터파크 : https://book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=354596048

─────────────────────────────────────────────


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

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


#코딩

#블록코딩

#앱인벤터

#AppInventor

#스크래치

#Scratch

#엔트리

#Entry

#엠블록

#코딩추천책

#코딩책추천

#앱인벤터책

#앱인벤터강좌

#블록코딩책추천

#앱인벤터추천도서

#코딩책

#사물인터넷

#사물인터넷책추천

#인공지능

#인공지능앱

#인공지능앱만들기

#인공지능책추천

#쉬운코딩

#쉽게앱만들기

#처음코딩

#코딩강좌

#코딩입문

IT 교육전문가 코딩, 소프트웨어, 사물인터넷 정보보안, 스마트폰 영상편집 등의 강의 및 출판을 전문으로하는 1인기업입니다.
Follow
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