colorfulspace

자바스크립트를 처음 배우기 위해 node.js 설치를 하려는데.. zsh: command not found: nvm 라는 알 수 없는 문장이 떴다..🥶 아무것도 모르는데 너무 당황해서 다른분들의 도움을 받기 위해 여기저기 둘러봤지만 아무것도 모르는 내게 다른 분들의 설명은 더욱 이해할 수 없는 내용뿐이었다. 그러다가 구세주를 발견했는데!! 다른 분들도 이 영상을 보면 쉽게 따라 할 수 있을 것 같아서 정리해본다. 설명은 영어로 하지만, 자막이 있고 그대로 따라하기만 하면 되니까 쉽게 해결할 수 있다. 출처 : https://youtu.be/LOd0Dx_ZrYQ 1. nvm 설치 자세한 설치 방법은 [Node.js 설치하기] 를 보면된다. ① nvm을 검색해서 github페이지로 들어가면, Installi..

🖥 WEB/JavaScript 2022. 7. 31. 21:48

1. 그라디언트 배경 색 설정 - 2가지 이상의 그라디언트 색 지정 가능 - 그라디언트 방향 / 각도 지정 가능 디폴트(기본값)는 To bottom, 그리고 180 deg 방향지정 To top, to bottom, to right, to left 각도지정 0 deg, 180 deg, 90 deg, 270 deg background: linear-gradient(0deg, yellow, lightGreen); background: linear-gradient(to top, yellow, lightGreen); /* 그라디언트 배경색 예*/ background: linear-gradient(45deg, Violet, Orange); /* 대각선 그라디언트 */ background: linear-gradien..

🖥 WEB 2022. 7. 11. 01:48

구글 폰트 (Google Fonts) 구글에서 상업적이용이 가능한 많은 무료 폰트를 제공합니다. 사용전에 저작권(라이센스)를 다시 한 번 확인해보세요. You can use them in your products & projects - print or digital, commercial(상업적 이용) or otherwise. 1. Serif / Slab Serif serif 세리프 / 명조체 slab serif 슬랙세리프 / 산세리프 + 세리프 2. San-Serif 산세리프 / 고딕체 3. Display 4. Handwriting 필기체 참고 1. 폰트 종류 설명 https://www.designer-note.com/design-font-types-meaning-1/ [Design] 어떤 폰트를 사용..

🖍 DESIGN/Font 2022. 7. 7. 18:56

코드 폰트 변경하기 티스토리 블로그 관리자 → 스킨편집 → html편집 → CSS 클릭 → 아래 code 전체 붙여넣기 ❗️코드를 붙여넣기 전에 CSS 화면에서 찾기(cmd + F)로 code 가 있는지 먼저 확인해주세요! code 라는 스타일이 있다면 해당 중괄호 { } 안에 아래 코드를 붙여넣어주세요. /* 코드 전체 스타일 */ code { font-size: 14px; line-height: 1.5em; font-family: Menlo, Monaco, 'Courier New', monospace; tab-size: 2; } 1. 코드 탭 사이즈 변경 - 기본 탭 사이즈는 스페이스 4번으로 설정되어 있습니다. - 보통 코드 탭 사이즈로 많이 사용되는 스페이스 2번은 tab-size:2; 로 변경할..

💿 프로그램/Tistory 2022. 7. 6. 05:43

- 프로젝트 단위 = 폴더(directory) 단위 - 보통 이름이 .(마침표)로 시작하는 파일이나 폴더는 숨김 전용 파일/폴더 입니다. 예) .vscode 폴더 (삭제해도 다시생성되니 무시하면 됨.) VScode 단축키 모음 단축키 확대 cmd + 축소 cmd - html 기본구조 자동 완성 ! enter (or tab) 전체선택 cmd A 단일파일 저장 cmd S 모두 저장 cmd alt S 사이드 바(Side bar) 열고 / 닫기 cmd B 빠른 열기(파일이나 기호 탐색) cmd P 모든 명령 표시 (에디터의 모든 명령에 접근) cmd shift P 편집기 닫기 cmd W 찾기 cmd F 찾기(검색)/바꾸기(대체) cmd alt(opt) F windows (ctrl + H) 줄 위로 이동 alt(..

💿 프로그램/vscode 2022. 4. 10. 10:19

목차 태그 - defer 속성 → body까지 렌더링을 끝낸 후 자바스크립트 파일을 실행시킴 태그 - defer 속성 브라우저는 html코드를 위에서 아래로 한 줄씩 읽는다. 👁‍🗨 태그를 Box!!

🖥 WEB/JavaScript 2022. 3. 2. 08:51