본문 바로가기
반응형

전체 글132

SVG 기초 - 도형 그리기 Part 1 (직사각형과 원, rectangle & circle) 최근에 SVG를 조금 들여다보면서 공부해보고 있습니다. 예전에는 잘 사용하지 않았는데 최근에 주목도가 매우 커진 것 같습니다. SVG는 Scalable Vector Graphics로서 브라우저에서 벡터 그래픽을 다루는 기술입니다. https://developer.mozilla.org/ko/docs/Web/SVG SVG: Scalable Vector Graphics | MDN **SVG(Scalable Vector Graphics)**는 2차원 벡터 그래픽을 서술하는 XML 기반의 마크업 언어입니다. SVG는 텍스트 기반의 열린 웹 표준 중 하나로, 모든 사이즈에서 깔끔하게 렌더링 되는 이미지를 서술하 developer.mozilla.org jpg, png, gif = 비트맵 그래픽 ai = 벡터 그래픽 .. 2022. 11. 26.
티스토리(Tistory)에 도메인(Domain) 주소 연결하기 제가 이용하는 티스토리의 주소는 kincode.tistory.com입니다. 사람이 기억하기에는 뭔가 좀 글자가 많긴합니다. 그래서!! 500원입니다! 이참에 도메인을 하나 구입해서 블로그에 연결해보기로 합니다. 먼저, 도메인이란 무엇일까요? 모든 웹사이트는 IP라는 숫자로된 주소를 갖습니다. 예를 들어, 123.123.123.123 과 같은 구조를 갖습니다.(IPv4) 이 숫자는 사람이 기억하기가 쉽지 않기 때문에 기억하기 쉬운 로 바꿔사용되는데 바로 이 것을 "도메인"이라고 부릅니다. (보다 정확한 명칭은, 도메인 네임) 예를 들어, 223.130.195.95 = naver.com 142.250.204.142 = google.com 브라우저 주소창에 223.130.195.95를 넣고 Enter를 치면 .. 2022. 11. 25.
[Javascript] Number Index를 만들어 보자(ft. 숫자 카운트 애니메이션) 몇년 전부터 기업의 홈페이지 메인에 숫자 인덱스로 실적 지표를 보여주는 그런 형태가 유행하는 것 같습니다. 대충 이런 식으로요. 물론 디즈니 플러스의 경우에는 고정된 형태의 숫자이지만, 저 숫자들이 막 올라가는 형태도 많죠. 때마침 필요한 기능이기도 해서 한번 만들어 보기로 합니다. 숫자가 막 올라가는 카운트 모션 만들기 반응형을 고려해서 대략 이렇게 4개 칼럼으로 이루어진 형태를 계획하고 만들어보기로 생각해봅니다. 결과물을 예상해서 설계도를 그립니다. PPT로 만들어도 좋고 연습장에 손으로 그려도 좋습니다. 아무튼 목표점이 구체적이어야 할테니까요. 결론은 아래와 같은 모습의 형태. 처음부터 다 코딩하려면 쉽지 않죠. 일단 구글링을 시전해봅니다. 검색어를 바꿔가며 몇번 시도해봤더니 Jquery로 만들어진.. 2022. 11. 24.
Selenium - find_element_by_css_selector는 이제 안됩니다. 셀레니움(Selenium)을 이용한 크롤링(Crawling)을 파이썬(Python)으로 복습하는 과정에서 몇 가지 재미있는 사실들을 새롭게 알게 되었습니다. 그래서 일단 메모. 보통은 셀레니움을 이용해서 이렇게 사용해왔습니다. from selenium import webdriver import time driver = webdriver.Chrome('chromedriver') driver.get('URL') // URL은 알맞게 firstImage = driver.find_element_by_css_selector('css Selector') // Selector는 알맞게 firstImage.click() time.sleep(10) driver.quit() 셀레니움 설치는 VSC 터미널에서 pip ins.. 2022. 11. 23.
윈도우-휴대폰 연결하기(Windows - Mobile Phone) 윈도우-휴대폰 연결하기(Windows - Mobile Phone) ※ Android 폰만 지원합니다. 일과를 거의 PC를 보면서 지내는 상황에서 휴대폰을 만지작 거린다는 것은 다소간 불편하기도 하고 딴짓(?) 하는 느낌이 들기도 합니다. 컴퓨터 모니터 화면에 휴대폰 화면을 띄울 수 있을까요? 당연히 가능합니다. 그리고 PC에서 SMS 문자 보내기 등을 타이핑을 통해 편하게 할 수도 있고 휴대폰 앱 실행도 가능해집니다. 먼저 PC에서 검색을 통해 앱을 찾고 실행합니다. 창이 뜹니다. (서로 경쟁사라 아이폰은 안되는 것 같죠?) [시작] 버튼을 눌러주면 Microsoft에 로그인 하라고 합니다. MS 계정을 입력해주고 로그인을 합니다. 휴대폰에서 [Windows와 연결] 앱을 실행해줍니다. (사실 PC에서 .. 2022. 11. 22.
VSC(Visual Studio Code) Language = ko 세팅하기 최근에는 VSC(Visual Studio Coode)를 자주 사용하고 있습니다. 물론 사용 목적에 따라서 Sublime Text나 Atom을 사용할 때도 있습니다. VSC를 사용하면서 Emmet을 이용해 HTML 문서를 생성하다보면 자동생성된 부분을 로 변경하곤 합니다. 매번 변경하는 게 귀찮아서 세팅하는 방법을 메모해 놓아봅니다. 새 파일을 하나 만들고 !(느낌표) 찍고 Tab 키를 누르면 Emmet에 의해 아래처럼 HTML 템플릿 코드가 자동생성됩니다. 정말 편한 기능이죠. 그런데, lang="en" 으로 표시됩니다. en은 당연히 english의 약자. 비영어권의 불편함(?) 같은 거죠 뭐 그냥 사용해도 크게 무리는 없지만, 그냥 습관적으로 랭귀지를 ko로 타이핑 하고 변경해서 사용해왔습니다. 같은.. 2022. 11. 21.
반응형

티스토리툴바