유용한 웹사이트 링크 모음 #3
Transition B89 트랜지션 효과를 한눈에 확인할 수 있는 웹사이트 https://transition-b89.pages.dev/ . Peeps 상업적 이용이 가능한 3D 아바타 생성 서비스 https://peeps.ui8.net/
Read More
데브로그
프로그래밍 팁 그리고 프로그램 사용 방법 등을 공유 합니다.
Author: smilehugo
Python에서 사용자로 부터 입력을 받는 방법
Python에서 사용자로부터 입력을 받는 방법은 여러 가지가 있습니다. . input() 함수를 사용해서 사용자로부터 입력을 받을 수 있습니다. . . 이
Read More
JavaScript Spread Operator (…) 사용 방법
이번 시간에는 JavaScript의 Spread Operator를 사용하는 방법에 대해서 알아보겠습니다. . Array를 복사할 때 사용합니다. . Array를 확장할 때 사용합니다. .
Read More
유용한 웹사이트 링크 모음 #2
네이버과학 “수학공식 포스터” https://m.blog.naver.com/nv_science/220783363886 . 네이버과학 “주기율표 포스터” https://m.blog.naver.com/nv_science/220988997673 . 네이버과학 “물리공식 포스터” https://m.blog.naver.com/nv_science/221754327833 . LATEX 온라인 에디터 https://latex.codecogs.com/eqneditor/editor.php .
Read More
Linux 명령어를 사용해서 폴더 및 파일을 복사하는 방법
이번 시간에는 Linux 명령어를 사용해서 폴더 및 파일을 복사하는 방법에 대해서 알아보겠습니다. . Linux 명령어 cp를 사용해서 폴더 및 파일을
Read More
CSS3 컨테이너 쿼리(container query) 사용하는 방법
컨테이너 쿼리(Container Query)가 있기 전에는 Media Query 만 있었습니다. Media Query는 브라우저의 가로폭에 반응하기 때문에 브라우저의 가로폭이 변하지 않으면 웹사이트
Read More
모바일과 데스크탑 두개의 CSS 파일 사용하는 방법
프로젝트를 진행하면서 한개의 global.css 를 사용해 왔습니다. 그러다 보니 이 파일이 200kb 가 넘어버려서 웹페이지 로드 시간이 길어져 버렸습니다. 그래서
Read More
유용한 웹사이트 링크 모음 #1
frame.io 창작자들이 영상 및 디자인 프로젝트를 협업하고 관리할 수 있는 클라우드 기반 플랫폼이다. https://frame.io/ . 워드 버블 데모 주어진 테스트에서
Read More
JavaScript 파일 사용할 때 script 태그 처리 방법 (async vs defer)
웹사이트 코드 작성시 <script> 태그는 <head> 태그나 <body> 태그 아무 곳에서나 사용할 수 있습니다. 웹사이트 로드 시에 HTML을 파싱하다가 <script>
Read More
맥 M1에 스테이블 디퓨전 설치하는 방법
맥 M1에 스테이블 디퓨전 설치하는 방법에 대해서 알아보겠습니다. . Terminal은 warp을 사용합니다. . homebrew를 설치합니다. . 다음 명령어를 사용해서 stable-diffusion
Read More
picture 태그 사용하는 방법
picture 태그는 반응형 웹사이트에서 모바일, 태블릿, 데스크탑 브라우저의 가로폭과 해상도에 맞춰서 적절한 이미지를 렌더링할 수 있도록 도와주는 태그입니다. . <picture>
Read More