전체 글

[CSS] -prefix-free 사용하기

- Vendor Prefix 알아보기 - [CSS] Vendor Prefix란? vendor prefix가 무엇일까요? 우선, prefix에 대해 알아보겠습니다 :) Prefix의 뜻 알아보기 우선 prefix를 네이버 사전에서 찾아보면 위와 같이 "접두사"라는 뜻이 나옵니다. 자, 그럼 CSS에서 vendor prefix는. codingdiary26.tistory.com Vendor Prefix를 사용할 때, 일일이 CSS 속성에 각 브라우저의 Vendor Prefix를 입력하는 것은 매우 귀찮은 일입니다. 그런데, 마침 이 Vendor Prefix를 작성하지 않아도 알아서 자동으로 Vendor Prefix를 넣어주는 방법이 있습니다 :D Prefix free: Break free from CSS ve..

[CSS] Vendor Prefix란?

vendor prefix가 무엇일까요? 우선, prefix에 대해 알아보겠습니다 :) Prefix의 뜻 알아보기 우선 prefix를 네이버 사전에서 찾아보면 위와 같이 "접두사"라는 뜻이 나옵니다. 자, 그럼 CSS에서 vendor prefix는 영어의 un-, pre-처럼 앞에 붙여 쓸 수 있을 것 같다는 생각이 드실겁니다! 그럼 이제 한번 vendor prefix가 뭔지 알아봅시다! Vendor Prefix 알아보기 더보기 Vendor Prefix Vendor(판매 회사, 즉 브라우저 공급업체) Prefix(접두사) CSS에서 vendor prefix는 -moz-, -webkit-과 같이 쓸 수 있습니다. 그런데, 이게 무슨 역할을 하는 걸까요? Vendor Prefix는 실험적인 CSS 기능을 사용..

오류-python | error: Microsoft Visual C++ required 오류 해결 방법 [error: Microsoft Visual C++ OO.O or greater is required. Get it with "Microsoft C++ Build Tools"]

pyaudio 라이브러리를 pip 명령어로 설치하던 중 계속해서 에러가 뜨며 설치가 되지 않았습니다. 왜 그런지 에러 내용을 봤는데 error: Microsoft Visual C++ 14.0 or greater is required. Get it with "Microsoft C++ Build Tools":https://visualstudio.microsoft.com/visual-cpp-build-tools/ 이런 내용이 있었습니다. 잘 보니 그냥 Microsoft Visual C++ 14.0 이상의 버전이 필요하다고 설치해야 한다는 내용이었습니다. 따라서 저 오류 내용 안에 있는 링크를 통해 다운을 받으시면 됩니다 :) 다만 용량이 약 6GB 정도로 크기 때문에 미리 저장공간을 여유있게 확보해 두시고 설..

[블로그 꾸미기] 마우스 커서 바꾸기! - (사이트 이용)

블로그에서 내가 원하는 마우스 커서를 적용하게 하고 싶었던 적이 있나요? 내가 원하는 마우스 커서로 바꾸려면 https://www.cursors-4u.com 이 사이트를 이용하면 블로그 마우스 커서를 바꿀 수 있다고 하네요 :D (보니까 CSS 코드를 이용해 적용시키는 방법이 있는데 이걸 통해 CSS 코드를 직접 짜서 마우스 이미지를 원하는 마우스 이미지로 바꿀 수 있을 듯 합니다.) 이 사이트에 들어가보시면 아주 다양한 마우스 커서들이 있는데요! 여기서 원하시는 마우스 커서를 고르시면 됩니다! 또한, 마우스 커서를 검색할 수 있으니 찾으시는 마우스 커서가 없다면 한번 검색을 통해 찾아보세요 :) 원하시는 커서를 찾고 스크롤을 내려보시면 이렇게 공통으로 적용할 수 있는 코드가 나옵니다! 티스토리는 Tum..

[html] link의 종류

html link의 target이 _blank라면 새 탭에서 링크를 띄운다. _self라면 그 링크를 클릭한 탭에서 링크를 띄운다. 실제 적용된 모습 티스토리 블로그를 html 모드로 바꿔 적용했다. target을 _blank로 설정했을 때 target을 _self로 설정했을 때

[티스토리_꾸미기] 메뉴 하단 sns 설정 바꾸기(sns 아이콘 및 링크 바꾸기)

이 글은 현재 제가 사용하고 있는 Letter 스킨 기준으로 작성되었습니다 :) 오늘은 티스토리 메뉴 하단의 sns 아이콘과 링크를 바꿔보겠습니다! 우선, 스킨 편집으로 들어가줍니다!(https://블로그주소.tistory.com/manage/design/skin/edit#/) 1. 링크 수정 여기서, 페이스북 링크, 트위터 링크, 인스타그램 링크가 각각 있는데 이 링크를 각각 원하는 링크로 수정해줍니다! (예시: 깃허브 링크, mailto:자신의 지메일링크 등.....) 아이콘 변경을 하지 않으실 거라면 이 단계만 해주시고 적용해주시면 됩니다 :D 2. 아이콘 수정 이제 아이콘을 바꿔야겠죠! html 편집을 클릭해줍니다. 그리고 상단에 있는 탭 선택 부분에서 css를 클릭합니다. css 탭으로 가서, ..

[Python] Pywebview를 이용한 웹뷰앱 만들기! - 1

오늘은 Python에서 간단하게 웹뷰를 만들 수 있는 pywebview라는 모듈에 대해 알아보겠습니다 :) (이번 글은 pywebview에 대한 아주 아주 아주 아주 간단한 예제와 설명입니다!) 우선, 이 pywebview는 아주 아주 아주 아주 아주 간단하게 웹뷰를 생성할 수 있는 모듈이에요! 코드 몇줄이면 바로 만들 수 있습니다! 기본 사용 우선, 설치를 해야겠죠! pip install pywebview 이렇게 명령어를 입력해줍니다! (pip에다가 3을 붙이면 python 3 버전용으로 설치된다고 하니 참고해주세요) 자, 설치가 되었으면 바로 한번 시작해보도록 하죠~~~!! import webview 먼저, 임포트를 해줘야 사용할 수 있기 때문에 임포트를 먼저 해줍니다! 임포트를 해주고, 창을 만들가..

[티스토리_꾸미기] 이미지 없을 때 표시되는 이미지 바꾸기 (대체이미지 바꾸기 :)

이 글은 작성일 기준 제가 사용하고 있는 'Letter' 스킨 기준이므로 각 스킨마다 조금씩 다를 수 있습니다 :) 오늘은 티스토리에서 글에 이미지가 없을 때 표시되는 이미지를 바꿔보겠습니다!! 간단하게 대체이미지라고 하겠습니다 :D 이 대체이미지를 바꾸고 싶은데, 어떻게 해야 할지 잘 모르겠어서 이 글을 읽고 계실 거라고 생각합니다. 자, 우선 이 대체이미지를 바꾸는 건 아주 간단합니다 :o 우선, 스킨 편집으로 들어가주세요(https://블로그주소/manage에서 스킨편집 클릭!) 그리고 여기서 html 편집 을 눌러줍니다. 눌러주셨다면 기본적으로 HTML 수정 탭으로 들어가셨을 겁니다. 여기서! 먼저 새 대체이미지를 업로드해야 하기 떄문에 파일업로드로 가서 파일을 업로드 해줍니다. 저는 Unspla..

h 태그란? (<h1>, <h2>, <h3>.....)

html을 작성하면서, html 소스를 보면서 흔히 과 같은 것들을 볼 수 있었을 겁니다. 처음에는, "이게 뭐지?" 하며 궁금해합니다. 그렇다면, 과연 이게 뭘까요? h 태그의 개념 h 태그는 , 를 부르는 태그입니다. h 태그라는 개념 안에 h1, h2, h3 등 태그들이 있는 것이죠! 우선, 간단하게 말하자면, h 태그는 제목을 나타내는 태그입니다. h1, h2... 순으로 글자의 크기가 작아지죠. h1 h2 h3 h4 h5 h6 h 태그는 6가지가 있으며, 위에 나와있는 h1부터 h6까지가 바로 그것입니다. h 태그의 사용 h 태그를 사용하기 위해서는 다른 html 태그와 같이 와 로 감싸주면 됩니다. 따라서, body 태그 안에 다음과 같이 써줄 수 있습니다. h1입니다. h2입니다. h3입니다..

[Github] 깃허브 프로필 꾸미기

깃허브를 보다 보면 이렇게 자신에 대한 소개가 나와있는 경우가 있는데요!! 이런 소개는 어떻게 할까요? 오늘은 이런 소개글을 만들 수 있는 방법에 대해 알아보겠습니다 :D 자, 우선 소개글을 만들기 위해 새 Repository를 만들어 줍니다. 여기서 주의하실 점은 Repository의 이름을 자신의 닉네임과 같이 써야 합니다 :) 그러면 이렇게 고양이가 나오며 비밀을 찾았다고 나옵니다!! 그리고, 이제 README.md가 보여질 거기 때문에 미리 Add a README file을 체크해서 자동으로 생성되게 해줍니다. 그 다음 를 눌러줍니다. 그럼 Repository가 생성이 되고 README.md 파일도 생성이 됩니다. 이 README.md 파일을 수정해 주시면 됩니다. 그리고, 이 README.md ..

[언어비교] C언어와 파이썬의 변수형 변환

float 형식으로 생성된 변수(ex)1.232322131323)에서 정수만 남기려면 어떻게 해야 할까요? 바로! 변수형을 변환해주면 해결할 수 있습니다!! 변수형을 int로 변환해주면 int는 정수형 변수이기 때문에 값은 정수만 남게 됩니다!! 그럼 변환은 어떻게 하냐구요? // a를 int형 변수로 변환하기 - C언어 float a = 3.14159265358979323 (int)a C언어에서는 이렇게 float형 변수가 있으면, (int)변수이름을 통해 int형 변수로 변환할 수 있습니다!!! 자, 파이썬에서는 어떻게 할까요? 파이썬은 C언어의 변환과 아주 비슷합니다!! a = 3.14159265358979323 int(a) 이렇게 변환할 수 있습니다!! 정리 C Python (int)a int(a)

[Python - pyautogui] locateCenterOnScreen

locateCenterOnScreen은 pyautogui의 기능 중 하나로, 지정된 이미지를 찾아 그 찾은 곳의 중간 x,y 좌표를 알아내는 코드입니다. 흔히, 이미지의 좌표값을 모를 때 사용됩니다. ( 외부 앱의 버튼의 좌표 등 ) import pyautogui pyautogui.locateCenterOnScreen('Hello.png') 위 코드와 같이 사용하며, 위 코드를 실행시키면 폴더 내의 Hello.png와 같은 게 있는지 화면상에서 찾아줍니다. 찾아준 x, y의 값을 변수에 저장하려면 아래와 같이 작성하면 됩니다. import pyautogui x, y = pyautogui.locateCenterOnScreen('Hello.png') 또한, confidence를 추가하여 일치율이 일정 값 이..