Slowly, Steadily, Surely 👩‍💻

DOCTYPE 문서의 HTML 버전을 지정 DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도. 아무것도 안 쓰면 HTML5 (표준).

폴더 자체가 프로젝트. 프로젝트 단위는 폴더단위. 파일의 이름을 관리할 때는 소문자. ! (느낌표)를 적고 탭이나 엔터를 누르면 이렇게 써짐. Alt + Shift + F : 자동 정렬 Ctrl + B : 사이드바 열고 닫기 Ctrl + P : 파일 찾기 Ctrl + W : 탭 닫기 Ctrl + PageUp : 이전 편집기 열기 (좌측 창으로 전환) Ctrl + Shift + P : 바로 가기 키 Ctrl + \ : 편집기 분할 Alt + Shift + ↓ : 아래로 복사 Shift + Tab : 내어쓰기 - Code Formatter (Beautify vs Prettier) Prettier은 강제적으로 코드를 변경시키고, Beautify는 좀더 자유롭게 놔두는 편이라고 한다. ( 출처 : https:/..

사이드 프로젝트 중, 아이콘을 누르면 음악이 재생되는 기능이 필요했다. Off 아이콘으로 보이면 음악이 꺼져있다는 것이고, Up 아이콘으로 보이면 음악이 실행중이라는 뜻이다. 이 둘 아이콘은 mui에서 가져왔다. const [isPlay, setIsPlay] = useState(false); const audio = new Audio(music); const onClickVolume = () => { // 재생 중 if (isPlay) { audio.pause(); setIsPlay(false); } else { audio.play(); setIsPlay(true); } }; 1. 첫 번째 오류 Cannot find module 'mp3 경로' or its corresponding type declara..

회사 컴퓨터로 개인 프로젝트 push가 필요했다. 처음에는 한 컴퓨터에서 git 계정 2개 사용하는 방법을 쳐봤는데, 번거로울 것 같아서 미루다가 디렉토리별로는 설정할 수 없나 ? 생각이 들었다. $ git config --list diff.astextplain.textconv=astextplain filter.lfs.clean=git-lfs clean -- %f filter.lfs.smudge=git-lfs smudge -- %f filter.lfs.process=git-lfs filter-process filter.lfs.required=true http.sslbackend=openssl http.sslcainfo=C:/Program Files/Git/mingw64/ssl/certs/ca-bundle..

react 프로젝트에 리디바탕을 적용해보자. https://ridicorp.com/ridibatang/ 리디바탕 - 리디주식회사 RIDI Corporation 라이선스 안내 리디바탕 글꼴은 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 수정하고 재배포하실 수 있습니다. 단, 글꼴 자체를 유료로 판매하는 것은 금지하며, ridicorp.com 여기서 폰트를 다운한다. fonts 폴더를 만들어서 otf 파일을 넣는다. body { margin: 0; font-family: "RIDIBatang", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "D..

https://www.daleseo.com/js-package-manager/ 자바스크립트 패키지 매니저: npm vs. Yarn Engineering Blog by Dale Seo www.daleseo.com https://joshua1988.github.io/vue-camp/package-manager/npm-vs-yarn.html#yarn NPM vs Yarn | Cracking Vue.js npm과 yarn npm과 yarn은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자입니다. 전 세계의 개발자들이 자바스크립트로 만든 다양한 패키지를 npm 온라인 데이터베이스 (opens new window)에 올 joshua1988.github.io 패키지 매니저(package manager..

https://www.notion.so/templates/mandalart Notion (노션) 템플릿 갤러리: 만다라트 만다라트 기법으로 성공하는 법 | 업무와 일상에서 Notion (노션)을 사용하는 새로운 방법을 알아보세요. www.notion.so 2023년이 곧 끝나고 2024년이 온다! 미리미리 계획을 세워보자 🤓

- 상황 https://webstoryboy.co.kr/1934 11. 포트폴리오 사이트 만들기 : React-Site : 셋팅하기 Tutorial/portfolio 포트폴리오 사이트 만들기 - React by @webs 2023. 08. 01. 01 포트폴리오 사이트 만들기 : 셋팅하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리 webstoryboy.co.kr 이 블로그를 참고하여 사이트를 만들었다. 이 사이트에서는 페이지가 하나였는데, 나는 메뉴별로 페이지를 만들고 싶어서 라우터를 사용하여 나누었다. 그런데, 계속 메뉴를 옮겨갈 때 execute 'removeChild' on 'Node': The node to be removed is not a child ..

https://www.daleseo.com/js-substr-substring/ 자바스크립트 문자열 자르기: substr()과 substring() 함수 Engineering Blog by Dale Seo www.daleseo.com 맨날 둘이 헷갈리는 나.. 제대로 익혀보고자 위 블로그를 보고 내가 계속 보고 참고할 내용들을 옮겨보았다. substr() 함수 먼저 살펴볼 substr() 함수는 문자열의 일부를 일정 길이만큼 추출하고 싶을 때 사용합니다. 다음과 같은 형태로 첫 번째 인자로 시작 인덱스를 두 번째 인자로 잘라낼 길이를 넘기면 됩니다. "문자열".substr(startIndex, length); "ABCDEFG".substr(2, 3); // "CDE" "ABCDEFG".substr(2);..

duration에 대해 합계가 필요한 통계 그리드가 있다. const columnDefs = [ ... (생략) { headerName: 'duration', field: 'duration', enableValue: true, aggFunc: 'sum', width: 150, minWidth: 150, cellStyle: { textAlign: 'center' } } ]; 다른 컬럼들처럼 aggFunc: 'sum'을 써주었는데, 계속 합계가 생기지 않는 문제가 있었다. 이유는 바로.. duration이 text로 넘어왔기 때문. 숫자여야만 sum을 할 수 있어서, duration에 대한 합계가 만들어지지 않았다. 그래서 duration을 float으로 받고 나서 valueFormatter을 통해 시간 형..