본문 바로가기

분류 전체보기307

8. 앱인벤터 지역 검색하여 지도에 나타내기(액티비티 스타터 사용법) 앱 인벤터에서는 '지도' 기능을 활용하여 다양한 앱을 만들 수 있습니다. 이 때 필요한 정보들은 이미 구축된 네이버 맵 또는 구글 맵의 API를 활용하면 되죠. 지도 기능을 이용한 앱은 무엇이 있을까요? 맛집 검색, 길찾기, 분실물 찾기, 친구 찾기, 당근 마켓 등등!! 다양한 앱에서 지도 기능을 사용하고 있답니다. 1. 앱인벤터에서 지도 이용하는 방법 앱 인벤터에서 지도를 이용하는 방법은 크게 3가지로 나누어 볼 수 있습니다. 1) Activity를 이용하는 방법 2) 웹 뷰어를 이용하는 방법 3) 오픈스트리트맵 을 이용하는 방법 각각의 이용을 예시로 살펴보겠습니다. 1-1. 액티비티 스타터(Activity Starter)를 사용하는 방법 activitystarter 액티비티스타터를 이용하기 위해서는 .. 2020. 10. 13.
7-2. 앱인벤터 - 덧셈 연습 앱 업그레이드(1부터 10까지 더해주는 앱) 지난 글에서는 덧셈 연습 앱을 만들고 7. 앱인벤터 덧셈 연습 앱 만들기(수학 문제 풀기 앱) 7. 앱인벤터 덧셈 연습 앱 만들기(수학 문제 풀기 앱) 1. 앱 화면과 기능 구상하기 어릴때 열심히 풀던 눈높이 수학 문제지 기억나시나요? 이번 시간에는 덧셈 문제를 연습하는 앱을 만들어보겠습니다. 앱의 기능은 아래와 같습니다. 10개의 덧셈 문 creatorjo.tistory.com 난이도에 따른 덧셈 연습 앱으로 업그레이드 시켜 보았습니다. 7-1. 앱인벤터 - 덧셈 연습 업그레이드 앱 만들기 7-1. 앱인벤터 - 덧셈 연습 업그레이드 앱 만들기 지난 덧셈 연습 앱을 업그레이드해서 이번에는 난이도가 있는 덧셈 연습 앱을 만들어 보겠습니다. 7. 앱인벤터 덧셈 연습 앱 만들기(수학 문제 풀기 앱) 7. 앱인.. 2020. 10. 13.
7-1. 앱인벤터 - 덧셈 연습 업그레이드 앱 만들기 지난 덧셈 연습 앱을 업그레이드해서 이번에는 난이도가 있는 덧셈 연습 앱을 만들어 보겠습니다. 7. 앱인벤터 덧셈 연습 앱 만들기(수학 문제 풀기 앱) 7. 앱인벤터 덧셈 연습 앱 만들기(수학 문제 풀기 앱) 1. 앱 화면과 기능 구상하기 어릴때 열심히 풀던 눈높이 수학 문제지 기억나시나요? 이번 시간에는 덧셈 문제를 연습하는 앱을 만들어보겠습니다. 앱의 기능은 아래와 같습니다. 10개의 덧셈 문 creatorjo.tistory.com 1. 앱 화면과 기능 구상하기 덧셈 연습 업그레이드 앱에 들어가면 10개의 덧셈 문제가 나오고 사용자는 10개의 덧셈 문제를 풀게 됩니다. 점수가 90점 이상이면 Level 2로 이동하게 됩니다. 그렇지 않으면 현 단계에서 10문제를 다시 계산하게끔 합니다. 앱을 업그레이.. 2020. 10. 12.
7. 앱인벤터 덧셈 연습 앱 만들기(수학 문제 풀기 앱) 1. 앱 화면과 기능 구상하기 어릴때 열심히 풀던 눈높이 수학 문제지 기억나시나요? 이번 시간에는 덧셈 문제를 연습하는 앱을 만들어보겠습니다. 앱의 기능은 아래와 같습니다. 10개의 덧셈 문제가 랜덤으로 출제 되고 10개의 문제를 다 푼 뒤 점수가 90점 이상일 때는 매우 우수 80점 이상일 때는 우수 그 미만일 때는 다시 풀기를 하는 덧셈 천재를 만드는 덧셈 풀기 앱이라 할 수 있죠. 그럼 이제 앱의 화면을 간단히 그려보겠습니다. 우선 앱의 제목이 위쪽에 나와야합니다. 다음 문제를 누르면 다음문제로 넘어가고 문제의 번호가 보여야합니다. 그리고 □ + □ 문제는 랜덤으로 숫자가 나와야하며 □정답 칸은 사용자가 정답을 입력하는 칸 입니다. 10문제를 다 풀면 점수 확인을 누르고 옆 칸에 점수가 나타납니다... 2020. 10. 12.
HTML과 CSS파일 분리하기 웹 브라우저에 보이는 화면을 예쁘게 꾸미려면 CSS가 필수이다. CSS를 HTML에 넣는 방법은 3가지로 볼 수 있다. 1. HTML tag에 style 넣기 2. 태그를 사용하기 3. .css 파일을 새로 만들어서 링크 걸기 오늘은 3번 .css파일을 만들어서 링크 거는 방법을 해보려고 한다. .css파일을 따로 만들어서 css에 해당되는 부분을 빼면 HTML코드가 확 줄어든다. index.html파일에는 딱 HTML 코드만 넣는다. 중요한건 style.css파일이 어디에 있는지 위치를 잘 써주어야 한다. 보통은 최상위 폴더 아래 css폴더를 만들고 그 폴더 안에 styel.css파일을 만든다고 한다. 홈페이지의 홈이라고 할 수 있는 index.html 파일도 최상위 폴더 바로 아래 둔다. 힐링여행 로.. 2020. 10. 6.
파이썬 크롤링(웹스크래핑) - 카톡 대화 워드클라우드로 만들기 스파르타 코딩 파이썬 혼자 놀기 패키지 3일차! 오늘은 '파이썬으로 카카오톡 대화 내용을 읽고 편집하여 워드 클라우드로 만드는 것!'을 배웠다. 강의 내용을 정리하기 전, 다시 한 번 알게된 어마어마한 사실이 있다면 카카오톡의 대화 내용은 .txt파일로 저장이 된다는 사실!!!! 이걸 저장해서 뭘할까 싶지만 이렇게 워드 클라우드로 만들 수도 있고, 비속어가 몇 번 나오는지도 분석할 수 있고, 친구 관계도 분석해볼 수 있고, 자주쓰는말 월드컵 같은 게임도 만들어 볼 수 있고, 하루에 몇 번이나 카톡이 오고 가는지도 알 수 있고 등등 조금만 생각해보면 카톡 대화 내용으로도 꽤 할 수 있는 것이 많다. 일단, 이번 글에서는 카톡 대화를 .txt파일로 다운받은 뒤, 파이썬 워드클라우드 라이브러리를 이용해 워드클.. 2020. 10. 6.
파이썬 패키지(라이브러리) 설치하기 - 파이참 편집기에서 dload패키지 설치 파이썬의 가장 큰 장점은 이미 만들어져있는 라이브러리를 사용할 수 있다는 점이다!! 라이브러리를 패키지라고도 하는데 파이썬에 외부 라이브러리를 설치하는 방법에 대해 정리해보려한다. 이번 글은 dload 패키지를 파이참에 설치하는 방법에 대한 글이다. 원래는 편집기로 VScode를 이용했는데 스파르타코딩 강의를 들으면서 파이참 프로를 무료로 쓸 수 있게 되어서 최근에는 파이참을 이용하고 있다~! 그럼 파이참을 이용해 파이썬 라이브러리를 설치하는 방법을 차례대로 살펴보자. 1. 파이참 실행 이번 작업은 '다음' 사이트에서 '강아지'와 '고양이' 이미지를 스크래핑(크롤링)하는 것이다. 따라서 img_scraping이라는 폴더를 만들고 그 안에 daum_img_scraping이라는 파이썬 파일을 만들었다. 아래.. 2020. 10. 3.
파이썬 : 이메일 자동으로 보내기(gmail 사용법) 이전 글에서 파이썬 스크래핑으로 네이버에서 주식 기사를 찾은 뒤 기사의 제목, url, 신문사 이름을 스크래핑하여 엑셀에 저장했다. ↓ 파이썬 크롤링(웹스크래핑) 네이버 기사 크롤링해서 엑셀에 저장 파이썬 크롤링(웹스크래핑) - 네이버 기사 url과 신문사 크롤링 파이썬 크롤링(웹스크래핑) - 네이버 기사 제목 웹스크래핑 이번 글에서는 저장한 엑셀 파일을 첨부한 이메일을 자동으로 보내는 기능을 구현해보려한다. 1. smtplib 패키지 활용하기 메일 보내기는 이미 정해진 틀이 있기 때문에 이 틀에 해당 정보를 넣기만 하면 된다. 아래는 gmail을 이용해서 메일 보내는 코드이다. 아래 코드에는 여러 사람에게 메일 보내는 방법, 첨부파일 보내는 방법도 들어있다. import smtplib from emai.. 2020. 10. 3.
파이썬 크롤링(웹스크래핑) 네이버 기사 크롤링해서 엑셀에 저장 지난 글에서 네이버 기사의 제목, url, 신문사 이름까지 웹스크래핑해보았다. ↓ 파이썬 크롤링(웹스크래핑) - 네이버 기사 제목 웹스크래핑 파이썬 크롤링(웹스크래핑) - 네이버 기사 url과 신문사이름, 썸네일 크롤링 이렇게 '주식' 키워드의 네이버 기사의 제목, url, 신문사이름까지 잘 나타났다. 이번에는 이렇게 웹 스크래핑한 기사의 제목, url, 신문사 이름을 엑셀 파일로 저장해보려고 한다. 1. openpyxl 패키지 설치하기 파이참 기준 file - settings - python interperter - + - openpyxl 검색 - install - okay 이 과정으로 패키지를 설치한다. 패키지 설치 방법은 아래 글에서 확인 ↓ 파이썬 패키지(라이브러리) 설치하는 방법 2. openp.. 2020. 10. 3.
파이썬 크롤링(웹스크래핑) - 네이버 기사 url과 신문사이름, 기사 썸네일 크롤링 지난 글에서는 네이버 기사의 제목을 크롤링하는 방법에 대해 정리했었다. 이번에는 제목과 더불어 신문 기사의 url과 신문사 이름을 크롤링해보려한다. 일단 지난 시간까지 했던 코드를 다시 살펴보자. 지난 글 ↓ 파이썬 크롤링(웹스크래핑) - 네이버 기사 제목 웹스크래핑 from bs4 import BeautifulSoup from selenium import webdriver driver = webdriver.Chrome('chromedriver') url = "https://search.naver.com/search.naver?where=news&sm=tab_jum&query=주식" driver.get(url) req = driver.page_source soup = BeautifulSoup(req, '.. 2020. 10. 2.