배운 것들

[Chrome] 구글 크롬 공룡 게임 가지고 놀기 👾

크롬을 사용중 인터넷이 연결되지 않았을 때, 이런 공룡 한마리가 튀어나와 공룡 게임을 즐길 수 있습니다 :) 오늘은 크롬 공룡게임을 가지고 재밌게 놀아볼게요!! 👾😆 공룡 게임 실행하기 보통은 공룡 게임을 플레이하기 위해 와이파이를 끄거나 데이터를 끄는 등 기기를 오프라인 상태로 만들지만, 오프라인 상태가 아니어도 이 공룡게임을 플레이할 수 있는 방법이 있습니다! 크롬 주소창에 chrome://dino 라고 쳐보세요! 그럼 공룡이 우릴 반갑게 맞이해줍니다 :) 이제 실행도 했겠다, 이제 공룡 게임을 커스텀해봅시다 공룡의 스피드 설정하기 우선 개발자 도구를 열어줍니다 맥: option-command-I 윈도우: F12 위의 단축키로 개발자 도구를 열어주시면, 이렇게, 무슨 소린지 모르겠는 외계어가 여러분을..

[Unity] 난수를 생성하는 Random.Range

이 글은 유니티 문서를 찾아서 제 나름대로 정리한 글이며(사실상 그냥 번역한거나 다름 없어요..🥲), 개인공부용으로 작성한 거라 반말로 작성되었어도 양해 부탁드립니다 😅 Random.Range는 특정 범위 내에서 난수를 생성한다. 물론, 여기서 말하는 난수는 의사난수(난수인것처럼 보임)이다. 사용된 알고리즘 Xorshift 128 알고리즘을 사용했다고 한다. 난수 생성 형태 실수(float 형태)로 생성된다. 속도 UnityEngine.Random을 사용했을때, System.Random에 비해 20%에서 40%가량 빠른 속도를 낼 수 있다. 주의할 점 Random이라는 같은 이름을 공유하기 때문에, using을 통해 System과 UnityEngine을 같이 가져오면 CS0104 컴파일러 에러를 얻을 수..

[React Native] React Native(Expo CLI) 설치하기!

오늘은 React Native(Expo CLI)를 설치해보겠습니다! 일단, editor를 아직 설치하시지 않은 분들은 editor를 설치해주세요! (editor는 개발을 위한 메모장(?)이라고 생각하시면 됩니다) 제가 추천하는 editor는 Visual Studio Code입니다! Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linu..

[JS] tilt.js 사용하기

Vanilla-tilt.js 깃허브 Repo micku7zu/vanilla-tilt.js A smooth 3D tilt javascript library. Contribute to micku7zu/vanilla-tilt.js development by creating an account on GitHub. github.com tilt.js를 사용하면 html에 tilt 효과를 줄 수 있습니다. 설치 깃허브에서 직접 코드를 복사해 js파일을 만들어도 되고, npm으로도 설치할 수 있다고 합니다. npm install vanilla-tilt (이 vanilla-tilt.js는 바닐라 스크립트(jQuery 이용 X, 순수한 자바스크립트)로 작성되었습니다.) 기본 사용 vanilla-tilt.js를 사용하려면 ..

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

이전 글 [Python] Pywebview를 이용한 웹뷰앱 만들기! - 1 [Python] Pywebview를 이용한 웹뷰앱 만들기! - 1 오늘은 Python에서 간단하게 웹뷰를 만들 수 있는 pywebview라는 모듈에 대해 알아보겠습니다 :) (이번 글은 pywebview에 대한 아주 아주 아주 아주 간단한 예제와 설명입니다!) 우선, 이 pywebview는 아주 codingdiary26.tistory.com 지난번에는 다양한 예제로 Pywebview를 만나보았는데요! 오늘은 드디어 웹뷰앱을 만들어보도록 하겠습니다 :) import webview Pywebview를 임포트해줍니다. window = webview.create_window('아주 멋진 웹뷰 앱', 'https://codingdiary2..

[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 정도로 크기 때문에 미리 저장공간을 여유있게 확보해 두시고 설..

[html] link의 종류

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

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

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

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 ..