기록하는 노트

styled-components https://styled-components.com/ styled-components CSS for the Age styled-components.com 5버전: npm install --save styled-components 5버전 이후: npm install styled-components@latest

Entity code를 정리해둔 사이트 https://entitycode.com/ Entity Code - A Clear and Quick Reference to HTML Entities Codes About EntityCode The idea came from my constant need to add those hard to remember HTML entity codes, such as the copyright symbol ( © ), every time I’m developing a new website or writing a new article. Usually, I either open one of my previously done entitycode.com

vscode에서 !표를 입력하고 tab을 했는데 아무런 반응이 없다.?? 설정으로 가보자 파일 -> 기본설정 -> 설정 emmet을 검색 Emmet: Trigger Expansion On Tab이 해제되어 있다. 다시 클릭해서 설정한다. 그리고 다시 html로 돌아가서 ! -> tab 다시 작동이 된다.

Windows https://github.com/coreybutler/nvm-windows GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go. A node.js version management utility for Windows. Ironically written in Go. - GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go. github.com mac https://github.com/nvm-sh/nvm GitH..

제목(Header) 제목 1 제목 2 제목 3 제목 4 제목 5 제목 6 문장(Paragraph) 가나다라마바사 아자차카타파하 줄바꿈(Line Breaks) 가나다라마바사아 (띄어쓰기 2번) 아자차카타파하 가나다라마바사아 아자차카타파하 강조(Emphasis) 이텔릭 두껍게 이텔릭 + 두껍게 취소선 밑줄 목록(List) 순서가 필요한 목록 순서가 필요한 목록 순서가 필요한 목록 순서가 필요한 목록 순서가 필요한 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 링크(Links) GOOGLE GOOGLE GOOGLE GOOGLE 이미지(Image) 사용법  이미지를 링..

https://dooray.com/htmls/guides/markdown_ko_KR.html Markdown Help # 마크다운 ## 마크다운(Markdown)이란? 2004년에 존 그루버(John Gruber)와 애런 스워츠(Aaron Swartz)가 만든 마크업 언어의 하나로 읽기 쉽고 쓰기 쉬운 텍스트 포맷입니다. 이 페이지의 왼쪽은 마크다운 dooray.com # 제목(Header) # 제목 1 ## 제목 2 ### 제목 3 #### 제목 4 ##### 제목 5 ###### 제목 6 # 문장(Paragraph) 가나다라마바사 아자차카타파하 # 줄바꿈(Line Breaks) 가나다라마바사아 (띄어쓰기 2번) 아자차카타파하 가나다라마바사아`` 아자차카타파하 # 강조(Emphasis) _이텔릭_ **..

git branch ==> 현재 브랜치확인 (예: master) git branch branch111 ==> branch111 브랜치 생성 git branch branch222 ==> branch222 브랜치 생성 git checkout branch222 ==> master(branch111)에서 checkout 하고 branch222으로 이동 git branch -d branch222 ==> branch222 삭제 git branch -b branch333 => branch333 생성하고 branch3으로 이동 git log ==> 히스토리 확인 (브랜치별로 이동해서 확인) git log --branches ==> 모든 브랜치 히스토리 확인 git log --branches --graph ==> 모든 ..

git add . git commit -m "1" git add . git commit -m "2" git log 확인하면 head가 최신버전인 2번을 가리킴 - 이전 버전으로 돌리기 git reset --hard HEAD~1 ( 완전히 현재 HEAD부터 하나 돌려라) git reset --hard HEAD~2 ( 2번 째 전으로 돌려라) - 원상 복귀 git reset --hard ORIG_HEAD (한번은 이전 상태로 되돌릴 수 있다) 다른 환경에서 push를 하고 새로운 버전으로 바뀐 상태에서 다른 환경에서 버전을 pull 하지 않고 수정하고 push를 한 경우에 충돌이 발생하는데 이럴 때 원상 복귀하고 pull 한 후 에 다시 수정하고 push를 해야한다.

https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com 깃허브와 연결해서 간편하게 배포를 해볼 수 있는 사이트 깃허브와 연결이 되어 있기 때문에 수정사항도 바로바로 반영이 되어 지속적인 배포가 가능하다. 깃허브에 로그인 된 상태에서 Netlify 사이트의 Sign up 에서 깃허브와 연동해주고 깃허브에 있는 ..

// 범위 랜덤 함수(소수점 2자리까지) function random(min, max) { // `.toFixed()`를 통해 반환된 문자 데이터를, // `parseFloat()`을 통해 소수점을 가지는 숫자 데이터로 변환 return parseFloat((Math.random() * (max - min) + min).toFixed(2)) }