본문 바로가기

D.evelop111

[Node.js] Window에서 NVM설치하기 1. nvm https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 2. nvm-setup.exe 다운로드 후 설치 nvm 을 통해 설치된 node 버전들 확인 (이때 nvm 명령어가 입력되지 않는다면 터미널 종료후 다시 켜기 nvm ls 최신 LTS 버전 설치 nvm install --lts Mac에 nvm 설치하기 및 사용되는 명령어들 [Node.js] Mac 에서 NVM설치하기 * 주의) 필요할 때 다.. 2023. 11. 20.
[Git] git clone 인증 오류(Support for password authentication was removed on... ) 회사 내규로 SorceTree를 통해 git을 사용해오다가, 오랜만에 CLI를 사용해 프로젝트를 열었다. 난관이 많았다. 올해 가장 잘한일 top5에 'UNIX시스템' 수강신청 한 것을 넣겠습니다. Github의 레포지토리에서 clone받는 과정 중에 인증 오류가 났다. Support for password authentication was removed on ~~ remote: Support for password authentication was removed on August 13, 2021. remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning.. 2023. 11. 3.
[NextJS]🕐카운트다운 구현하기(+TS, +chatGPT를 통한 코드리뷰) - NextJS (App Router) - Typescript 더보기 CodeSandbox를 사용해보고 있는데, 작업환경 대로 세팅하기가 쉽지 않았습니다. NextJS로 세팅을 하니, 타입스크립트가 자동으로 설정돼있었습니다. 설정을 바꾸는 법도 있다고 들었는데, 이 참에 공부해보자 싶어 도전했습니다. (간단한 자료형을 추가하는 것 정도.) 카운트다운 구현하기 ✅ [code 구현] https://codesandbox.io/p/sandbox/agitated-jackson-38lcv4 [ 최초 코드 ] └ /page.tsx "use client"; import { useEffect, useState, useRef } from "react"; export default function Home() { const.. 2023. 10. 17.
[Git]Pull시 권한 오류 "Insufficient permission" (SourceTree) git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch --no-tags upstream error: insufficient permission for adding an object to repository database .git/objects fatal: failed to write object fatal: unpack-objects failed 오류가 나면서 완료됨. .git/objects 파일에 권한 오류가 있다는 것인데 ls -lah 또는 ll 명령어로 권한을 조회해보면 몇몇 파일들의 권한이 root 나 다른 소유자의 권한으로 지정되어 있을 것입니다. 이 경우 다음 문제와 동일한 원인이었으므로 같은 방법.. 2023. 9. 26.
[JS] 날짜 형식 커스텀 yyyy-mm-dd // dataFormat.js const leftPad = (value) => { if (value >= 10) { return value; } return `0${value}`; } const toStringByFormatting = (source, delimiter) => { const year = source.getFullYear(); const month = leftPad(source.getMonth() + 1); const day = leftPad(source.getDate()); return [year, month, day].join(delimiter); }; const dataFormat = { toStringByFormatting, }; export default dataFormat; 날짜.. 2023. 7. 19.
[JS] value로 key값 찾기 value로 key값 찾기 const list = { "a": "netmable", "b": "nexon", "c": "ncsoft", "d": "kakaogames", } function getKeyByValue(object, value) { return Object.keys(object).find((key) => object[key] === value); } getKeyByValue(list, "nexon") // b 2023. 7. 19.
[HTML]canvas 사용법 - 기본 (rect, path, arc) 1. html에 canvas 요소 작성 2. js로 canvas를 세팅 function drawMyCanvas(){ let canvas = document.getElementById("myCanvas"); // 어떤 콘텐츠를 그릴 것인가 let ctx = canvas.getContext("2d"); // 캔버스 사이즈, 배경색 등 설정 canvas.width = 500; canvas.height = 500; canvas.style.backgroundColor = "lightyellow" } 1. 사각형 메서드 ctx.strokeRect(x, y, w, h); ctx.fillRect(x, y, w, h); ctx.clearRect(x, y, w, h); See the Pen canvas - basic re.. 2023. 5. 27.
[NextJS] input type="date"을 활용한 기간 선택 NextJS와 NextUI를 사용하여 구현한 프로젝트. 실질적으로는 React(JS), HTML가 뒤섞인 코드입니다. ❗날것의 코드 주의 📆구현 기능날짜선택을 통한 기간 지정 조회 옵션 : 최근 1개월, 최근 3개월, 최근 6개월 선택가능하게 🧶고려할 점. 1. 기본값 시작일은 프로젝트 생성한 1월 1일로 가정. 종료일은 오늘(가장 최근) 날짜. 그 이후 날짜는 disable. 2. 날짜 변경 시 - 시작일은 종료일보다 전이어야함 (시작일 { setDate({ startDate: '2023-01-01', endDate: today, }); }, []); const [limitDate, setLimitDate] = useState({ minStartDate: '2023-01-01', maxStartDate.. 2023. 4. 5.

티스토리툴바