전체 글
HTML의 요소 구조
오늘은 HTML의 요소 구조에 대해 알아보겠습니다. HTML의 태그의 사용방법을 구체적으로 알아보는 시간입니다. HTML의 요소와 태그 개념을 뚜렷하게 잡아 놓는다면, 앞으로 배울 CSS(디자인)나 Javascript(반응형)에서는 많이 중요하게 사용되기 때문에 오늘 HTML의 요소 구조에 대해 알아보도록 하겠습니다. HTML의 요소, 태그, 속성 뜻 요소 구조에 대해 알아보려면 먼저 '요소'가 무엇인지 알아야겠죠? 요소(Element) : HTML에서 시작 태그와 종료 태그로 이루어진 모든 명령어들을 의미한다. 요소는 위와 같은 뜻을 가지고 있습니다. 여기서 '시작 태그' 그리고 '종료 태그'에서 HTML 첫 번째 시간에서 알아보았지만, 또다시 한번 알아보도록 하겠습니다. 태그(Tag) : 요소(Ele..
HTML의 태그와 구조
저번 시간에 title 태그를 알려주면서, HTML의 구조에 대해 알려드렸는데 title 태그를 이해시키기 위함이라, 간단하고 정신없게 HTML의 구조에 대해 설명했던 것 같습니다. 그래서 HTML의 구조에 대해 설명을 하려고 했는데, 이 내용을 설명하려면 HTML의 태그도 같이 설명해야 할 것 같아, HTML의 태그와 구조를 같이 자세히 알아보도록 하겠습니다. HTML의 모든 내용를 다루지 않기 때문에 자주 사용하는 태그들과, 구조를 알아보겠습니다. HTML의 태그 기본 태그 : 현재 문서가 어떤 문서 타입을 명시한다. : 문서의 시작과 끝을 알림. (root 요소 정의) : HTML 문서의 메타데이터(metadata)를 정의한다. 메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 ..
HTML로 웹 사이트에 title(제목) 넣기 및 head, body 태그 알아보기
오늘은 HTML로 웹 사이트에 title(제목)을 넣어보도록 하겠습니다. 여러분들 title이 뭔지 아시나요? title이란 제목, 표지라는 뜻을 가지고 있습니다. 저번 시간에 HTML로 웹 사이트에 제목을 넣어보았는데, 그때에는 우리가 볼 수 있는 HTML 제목이었습니다. 볼 수 있다는 말이 무엇이냐면, 웹 사이트에 사용자가 볼 수 있는 걸 말합니다. title 태그란? 오늘 배울 title이라는 태그는 어디에 사용된다면, 저번 시간에도 말했듯이 검색엔진이 그 글이 어떠한 내용을 담고 있는지 파악 할 수 있다고 했습니다. 이번 시간에 title 이라는 태그는 우리가 검색엔진에서 웹 페이지를 검색했을 때, 사용자가 보았을 때 그 웹 페이지의 제목을 보여주는게 title 이라는 태그입니다. 한 번 예시를 ..
삼성노트 PC 사용하는 방법 및 삼성 클라우드 동기화 하기
오늘은 삼성노트를 PC에서 사용하는 방법을 알아보겠습니다. 저는 스마트폰을 삼성을 사용합니다. 그래서 스마트폰으로 삼성노트를 자주 사용합니다. 기록하기 편해서 말이죠. 그래서 노트북이나 컴퓨터에서 제가 쓴 삼성노트 내용을 사용할 수 있으면 좋겠다고 생각했습니다. 그래서 Microsoft Store에서 삼성노트를 다운받으려고 들어갔습니다. 근데 '이 앱은 이 장치와 호환되지 않습니다.' 라는 경고창이 뜨고 설치를 못하게 되어있습니다. 아마 삼성제품들만 이 삼성노트 앱을 설치할 수 있도록 하는 것 같군요. 하지만, 저는 노트북과 컴퓨터는 각자 다른 제품을 사용합니다. 삼성이 아닌 다른 제품을 사용하면, Microsoft Store에선 삼성노트를 사용하지 못하는 것 같습니다. 그래서 삼성노트를 PC에서 사용할..
HTML로 웹 사이트에 제목 넣기, 줄바꿈 하기
오늘은 HTML로 웹 사이트에 제목을 넣는 법을 알려드리겠습니다. 여러분들은 제목이 뭐라고 생각하시나요? 많은 사람들이 이렇게 말할겁니다. 제목은 글의 내용을 짧게 서술하는 글 이라고 생각할겁니다. 그럼 많은 사람들이 구글이나, 네이버 등 다양한 검색엔진을 통해 웹 페이지에 접근할 겁니다. 그럼 구글이나, 네이버 같은 검색엔진들은 웹 페이지의 내용을 어떻게 알 수 있을까요? 자세히는 잘 모르지만, 제목을 통해 또는 글 안에 내용을 통해 웹 페이지의 내용을 알 수 있습니다. 검색엔진에서 검색한 내용과, 제목이나, 글 안에 내용을 통해 관련있는 웹 페이지를 찾아주는 겁니다. 그러므로 웹 페이지를 만들려면 제목이 있어야지, 검색엔진이 자신의 웹 페이지를 추천 웹 페이지에 올려주겠죠? 그러므로 웹 사이트에 제목..
HTML로 웹 사이트에 글쓰기, 글자 강조하기
오늘은 HTML로 웹 사이트에 글을 써 보겠습니다. 글을 쓰면서 글자를 강조하는 방법도 같이 알아보도록 하겠습니다. 저번시간에 간단하게 HTML이라는 코드에 대해 알아보셨다면, 오늘은 직접 웹 사이트에 글을 써 보는것에 대해 알아봅시다. 일단 간단한 글을 써 보겠습니다. See the Pen writing by Xsop-sop (@xsop-sop) on CodePen. 이렇게 HTML로 글을 작성해주시면 됩니다. 그러면 HTML로 글을 작성한 HTML 파일을 Chrome나 다른 웹 브라우저로 실행하시면 웹 페이지에서 이렇게 나옵니다. 근데 이렇게 글이 나오면 글자를 강조하고 싶지 않나요? 앞선 시간에 배웠던 strong을 한 번 해보면 See the Pen strong by Xsop-sop (@xsop-..
무선충전기와 보조배터리를 한꺼번에 사용할 수 있다? (샤오미)
오늘은 제가 최근에 무선충전기와 보조배터리를 같이 사용할 수 있는 제품을 샀습니다. 처음에 이 제품을 사려고 했던 이유가 컴퓨터 앞에서 게임을 하고 있는데 여기서 스마트폰을 유선 말고 무선으로 충전하면 좋을 것 같은데 유선만큼 속도는 나오지 않아도, 고속 충전이 되면 좋겠다 싶어서 최대 30W까지 출력이 가능한 이 무선충전기 제품을 골랐습니다. 이 제품의 이름은 샤오미 무선충전 스탠드 보조배터리입니다. 이 제품의 현재 가격은 다나와 최저가 기준 약 30,000원 대 입니다. (배송비 포함해서) 근데 이 제품이 국내에는 재고가 없어서 그런지 모르곘지만, 거의 모든 쇼핑몰에서 다 해외배송으로 되어 있습니다. 왜 그런지 잘 모르겠지만 말이죠..;; 일단 본론으로 들어와서 저는 약 30,000원 대에 구매했습니..
HTML이란 무엇인가?
우리가 웹 페이지를 많이 보다 보면 궁금한 점이 생길 수 있을 겁니다. 특히 Youtube, Titstory 등 많은 웹 사이트들이 있습니다. 이러한 웹 사이트는 굉장히 많은 정보를 담고, 많은 사람들에게 보여주고 있습니다. 간단하게 스마트폰, 또는 컴퓨터 하나만 들고 있으면 많은 정보와 웃음을 줄 수 있는 자료들이 많이 존재하죠. 많은 사람에게 도움을 주기도 하는 웹 페이지들을 조금 알아보도록 하겠습니다. 대부분의 많은 웹 페이지들은 HTML이라는 언어로 이루어져 있습니다. HTML은 HyperText Markup Language 라는 줄임말입니다. 한국어로 해석하면 하이퍼텍스트 마크업 언어라고 해석할 수 있겠죠? 각 언어에 뜻을 해석해보자면 하이퍼텍스트란? 한 문서에서 다른 문서로 즉시 접근할 수 있..
[3] 웹 페이지 크롤링 하여 파일 내용 비교하여 Slack 메신저로 알람 보내기(Web Crawling)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/Crawling GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 저번시간에는 원하는 태그만 크롤링 하는 방법에 대해 알아보았습니다. 이번에는 크롤링한 데이터를 가지고, 파일 안에 있는 내용을 비교하는 방법에 대해 알아보겠습니다. 오늘은 제 티스토리 블로그에 새로운 게시물이 업로드 되었다면, Slack 메신저로 알람을 보내는 걸 한 번 해보도록 하겠습니다. 제 티스토리 블로그에 게시물을 크롤링 해서 앞 전에 크롤링 했던 데이..
[2] 웹 페이지 원하는 태그만 크롤링하기(Web Crawling)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/Crawling GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 저번 시간에 이어서 크롤링 하는 방법에 대해 알아보도록 합시다. 오늘은 원하는 태그만 데이터를 가져오는 방법에 대해 알아봅시다. 음 근데 처음 보는 단어가 있을 겁니다. 태그(Tag)가 무엇일까요? 일단 우리가 알려고하는 태그가 무엇인지 알아야 하겠죠. 그럼 HTML에 대해 알아야 할 것 같습니다. HTML은 Hypertext Markup Language의 줄..
[1] 웹 페이지 크롤링하기(Web Crawling)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/Crawling GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 오늘은 새로운 분야에 들어가 보도록 하겠습니다. 오늘은 크롤링(Crawling)을 알아보도록 합시다. 먼저 크롤링이란 무엇일까요? 크롤링이란? '데이터를 수집하고 분류하는 것'입니다. 많은 사람들이 크롤링이랑 스크래핑이란 헷갈려합니다. 스크래핑은 '인터넷에서 존재하는 데이터를 컴퓨터 프로그램을 통하여 자동화된 방법으로 웹에서 데이터를 수집하는 작업'이라는 뜻이..
[2] Slack API 봇을 사용해서 메시지 보내기
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/API GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 저번 시간에는 Slack 워크스페이스를 만들고, Slack 봇을 생성하는 것 까지 했습니다. 오늘은 Slack API 봇을 이용하여 메시지를 보내보겠습니다. 그러면 메시지를 보내는 코드를 가지고 와 보겠습니다. import requests myToken = "your key" def post_message(token, channel, text): response = r..
[1] Slack API 사용하여 봇 만들기
여러분들 제가 코딩 파일을 업로드하면서 Slack 메신저를 많이 사용합니다. 처음으로 메신저 API를 사용한게 Slack 메신저이기 때문에, 저의 코딩에서 무언가를 메신저로 보내야 한다면 저는 Slack를 자주 사용하기 때문에, API를 이용하여 봇을 만들어 사용합니다. 그럼 이 글을 읽고 계신 독자분들도 저처럼 Slack 봇을 만들어 사용하신다면, 필요하실 것 같아서 Slack API를 사용하여 봇을 만드는 방법을 알려드리겠습니다. Slack 회원가입 및 워크스페이스 생성 그럼 Slack 홈페이지로 가서, 회원가입 및 새 워크스페이스를 만들어야 합니다. https://slack.com/intl/ko-kr 새 HQ에 오신 것을 환영합니다. Slack은 여러분의 팀과 소통할 새로운 방법입니다. 이메일보다 ..
(04) upbit 주문 취소하기(BTC_Pyupbit-Autotrade)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/BTC_Pyupbit-Autotrade GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 저번 2시간은 매수, 매도하는 방법에 대해 알아보았습니다. 매수와 매도는 주문이라는 하나에 개념에 합쳐지죠. 그럼 지금부터 매수와 매도를 합쳐 주문이라고 정의하겠습니다. 여러분들 주문을 했는데 자신이 원하지 않은 금액 또는, 주문을 잘 못 넣어서 취소하려고 하는데 주문 취소를 못하면 어떻게 될까요? 손해를 볼 수 있습니다. 그럼 자동매매..
(03) upbit 코인 매도하기(지정가, 시장가)(BTC_Pyupbit-Autotrade)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/BTC_Pyupbit-Autotrade GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 저번시간에 이어서 매도 하는 방법에 대해 알아보겠습니다. 그럼 오늘 소스코드를 불러오도록 하겠습니다. import pyupbit access = "your access" secret = "your secret" upbit_Token = pyupbit.Upbit(access, secret) # 둘 중에 하나 골라 사용하시면 됩니다. # 지..
(02) upbit 코인 매수하기(지정가, 시장가)(BTC_Pyupbit-Autotrade)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/BTC_Pyupbit-Autotrade GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 오늘은 코인을 주문해보는걸 알아봅시다. 주문하는건 매수만 알아보겠습니다. 그럼 오늘 소스코드를 불러오도록 하겠습니다. import pyupbit access = "your access" secret = "your secret" upbit_Token = pyupbit.Upbit(access, secret) # 둘 중에 하나 골라 사용하시면..
(01-2) upbit Slack 메신저로 자산 정보 보내기(BTC_Pyupbit-Autotrade)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/BTC_Pyupbit-Autotrade GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 저번 시간에 뭘 알아보았죠? 내가 보유한 원화, 코인 정보를 조회하는 걸 배웠습니다. 오늘 알아볼 것은 1편에서 알아본 것에 심화과정이라고 생각하시면 될 것 같습니다. 오늘은 1편에서 알아본 보유한 자산 정보 조회를 응용하여, Slack 메신저로 자산 정보를 보내는 방법을 알아봅시다. 오늘의 소스 코들을 불러오겠습니다. import py..
(01) upbit 내가 보유한 원화, 코인 조회(BTC_Pyupbit-Autotrade)
코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/BTC_Pyupbit-Autotrade GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 오늘은 upbit에서 내가 가지고 있는 원화와, 코인(비트코인,지코인 등)을 python으로 조회하는 방법을 알아봅시다. 그럼 오늘 소스코드를 불러오겠습니다. import pyupbit access = "your access" secret = "your secret" upbit_Token = pyupbit.Upbit(access, sec..
CPU만으로 비트코인, 도지코인 채굴 방법
요즘에 한창 코인 채굴하는 사람이 많습니다. 채굴하는 사람이 많아서 그래픽 카드 가격도 많이 올랐습니다. 그래서 이 글을 읽고 계시는 분들도 "코인을 채굴하면 좋겠다"라는 생각을 하시는 분들이 많을 겁니다. 하지만 컴퓨터에 그래픽 카드 메모리가 3GB가 안되서, 그래픽 카드가 없어서 채굴을 못하시는 분들이 많을 거라고 생각을 합니다. 여러분들 CPU만으로 채굴이 가능합니다. 바로 'unMineable'라는 프로그램으로 CPU만으로 채굴이 가능합니다. 하지만 수수료가 다른 채굴 프로그램에 비해 비쌉니다. 그래픽 카드가 채굴 가능하시다면 다른 프로그램을 돌리시는게 더 효율적일것입니다. CPU만으로 채굴이 가능하지만 이 프로그램에선 그래픽 카드도 같이 채굴가능합니다. 그래픽 카드로 채굴하는게 성능이 더 좋게 ..
[2] upbit 비트코인 자동매매(BTC_Pyupbit-Autotrade)
비트코인 자동매매에 기본적인 소스코드는 '조코딩(비트코인 자동매매-https://youtu.be/5vofEMqMyGk)'에서 가져왔습니다. 코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/BTC_Pyupbit-Autotrade GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 오늘은 저번시간에 이어서 비트코인이 매수시점보다 떨어졌을 때 막을수 있는 프로그램을 만들어보았습니다. 저번시간에 만든거 알고리즘 약간만 수정한거라서 저와 같이 수정하실 거라면, 약간만 바꿔주시면 됩니..