본문 바로가기

프로그램 강좌

[Mac]nvm 기본 버전 지정하기 안녕하세요. 그레이엄입니다. 오랫만에 인사드리네요. 오늘은 Node Version Manager 기본 버전 지정하는 방법에 대해 알려드리겠습니다. 방법은 아주 간단합니다. 터미널에 명령어 1줄만 입력하면 되지만, 내 컴퓨터에 설치된 버전을 모르실 수 있으니 그 방법부터 알려드리겠습니다. (방법 아시는 분은 아래로 내려주세요) nvm list 이렇게 하면 내 컴퓨터에 설치된 모든 버전이 나옵니다. 저의 경우에는 이렇게 설치되어 있습니다. 이제 내 버전들이 어떤건지 확인 됐으니까 기본셋팅을 해줄 차례입니다. 저는 14.19.0이었는데요. 20.11.0 버전으로 설치해보겠습니다. nvm alias default 20.11.0 아주 깔끔하게 바뀌었죠? 방문해주셔서 감사드리며, 도움 되셨다면 구독, 좋아요 부탁드.. 더보기
SourceTree 실행 안될때 해결법 소스트리가 설치된 후 잘 실행했었는데, 실행이 안되는 경우도 있네요. 오늘 갑자기 그랬습니다. 실행아이콘을 눌렀더니 스플래시 로고가 뜨고 실행되는가 싶더니 더이상 작동 되는게 없네요. 윈도우탐색기를 오픈하시고 아래 경로로 찾아 들어오세요. C:\사용자\사용자명\AppData\Local\Atlassian\SourceTree.exe_Url_XXXXX XXX라고 써놓은 부분은 각자 다를거라 생각됩니다. 여기 들어오시면 파일이 몇개 보일겁니다. 이 중에서 Composition.cache 라는 파일이 보일겁니다. 이걸 지워주시면 됩니다. 지운 뒤 실행해보니 잘 되네요. 찾아와주신 여러분들도 잘 해결됐으면 좋겠습니다. 더보기
VSCode 터미널 복원된 기록 안나오게 하려면? 안녕하세요. Graham입니다. 어느 날부턴가 VScode에서 터미널을 켜둔체 종료하고 다시 VScode를 실행시키면 ‘복원된 기록’이라는 문구와 함께 잘 작동되던 터미널의 기능이 작동이 안되게 되었습니다. 예기치 않게 종료될경우 복구해주는 기능인데, 잘 복구해준다면 좋겠지만 저의 경우는 제대로 복구되지 않더군요. 물론 해결하는 아주 간단한 방법이야 터미널 하나 더 켜서 새롭게 시작하면 그만이긴 합니다. 하지만 매일 그렇게 해야한다면 완전히 다른 이야기겠죠. 이 포스팅을 찾아와 주신 분들도 저같은 이유에서였을겁니다. 해결하려면 VSCode의 설정을 바꿔줘야합니다. Ctrl+,(쉼표)키를 눌러줍니다. 그리고 상단 검색창에 아래와 같은 키워드를 적어줍니다. terminal.integrated.persiste.. 더보기
Github Copilot VS Code 설치방법 #2 저번시간에 github copilot 가입방법에 대해 안내했다면 오늘은 VScode에 설치하는 방법에 대해서 안내해 드리겠습니다. 우선 익스텐션 탭에 들어가셔서 github copilot을 다운 받으시구요. 왼쪽 아래에 보면 계정모양(사람)이 보일겁니다. 여기 버튼을 누르면 맨 아래에 Github로 로그인하여 Github Copilot 사용 이라고 적혀 있네요. 이제 팝업이 뜨면서 Github에 로그인 하시고 허가도 눌러주시고, 매번 연결할 필요 없으니 항상 체크 해주시고, 활성화가 되었다면 이렇게 조종사 얼굴이 뜨는데... 개구리인줄 알았네요. 이제 코드를 임의로 입력해볼게요. 저는 const만 입력했는데 이렇게 자동완성처럼 코드가 출력됩니다. 하지만 써보면서 느낀건 문법 알고 디버깅도 할줄 알아야 합.. 더보기
Github Copilot VS Code 설치방법 #1 Github Copilot 가입 방법에 대해 안내해 드리겠습니다. 어떤건지는 이미 아실테니 바로 본론으로 들어가죠. 구글에서 github copilot으로 검색하세요. 당신의 AI 공정한 프로그래머(?) 라고 합니다. free trial 이라고 적힌 이유는 무료 사용기간이 주어집니다. 2달간 무료고, 그 이후부터 비용이 결제 됩니다. 테스트 기간이라 생각하면 되겠군요. 이제 뭐 여기서부턴 다 지들 잘했다는 내용이니 넘어가구요. 결제를 해보겠습니다. 연간으로 하면 훨씬 싸겠지만 간은 봐야겠죠? 혹시 원하는 기능의 가성비가 아직 시기상조 일수도 있구요. 전 월간 결제로 했습니다. 그래도 처음이어서인지 2달간은 결제 유예시켜 주네요. 다음 포스팅에서는 실제 내 개발환경에서 어떻게 적용할지에 대해 포스팅 할게요.. 더보기
[javascript]브라우저 창크기 window.innerHeight를 사용하면 됩니다. javascript console.log("window.innerHeight:", window.innerHeight); 제 컴퓨터에서는 920이라고 나오네요. 실제로 재어보니 스크롤 높이가 딱 920이네요. 이렇게 브라우저의 안쪽 높이가 innerHeight입니다. 그럼 다른 표현도 있겠네? console.log("window.innerHeight:", window.innerHeight); //빨간색 console.log("window.outerHeight:", window.outerHeight); //파란색 console.log("window.innerWidth:", window.innerWidth); //빨간색 console.log("window... 더보기
정규표현식 이메일 형식에 맞게 설정하는 방법 코딩 하다보면 매번 정규표현식이 자주 쓰이는데, 할때마다 옮겨적기도 불편하네요. 이번 기회에 문법을 파헤쳐 볼까 합니다. "이메일 형식에 맞지 않습니다.' 웹페이지 보다보면 이런 메시지 출력되는것 많이 보셨죠? 이 조건을 입력하려면 이런 정규표현식을 작성해야 합니다. *** /\S+@\S+\.\S+/ *** 이게 뭔 외계인 소리인가 하실겁니다. 해석 하나하나씩 살펴보면 전부 이해가 갈겁니다. 아래 이미지를 보시면 맨 첫번째 항목이 정답이고 나머지 형식은 모두 틀린겁니다. 이제부터 나머지들을 거를겁니다. \S 는 공백을 제외한 모든 문자를 뜻합니다. +를 붙인다면 앞에 조건을 가진 모든 단어라고 생각하면 되겠죠. @를 붙였더니 딱 골뱅이 기호까지 선택되네요. 우리는 뒤까지 더 선택해야합니다. 골뱅이 다음 .. 더보기
Can’t find Module ‘@aws-sdk/abort-controller’ 오류 해결 방법 최근 AWS s3로 저장소 추가하고, 이미지 업로드 하려고 multer-s3 까지 설치 했는데 실행해보니 에러가 나옵니다. 분명히 aws-sdk도 설치했는데, 왜 모듈을 찾을수 없다고 나올까요? 오류 해결 답을 찾았네요. aws-sdk는 버전이 같아야 한다고 하네요. 오류났을때의 제 버전은 aws-sdk: 2 multer-s3: 3 이었습니다. 터미널창에 기존 설치된 패키지 지우고 새로 설치했습니다. $ yarn remove multer-s3 $ yarn add multer-s3@2 이제 잘 실행 되네요. 다음 포스팅에서 뵙겠습니다. 감사합니다. 출처: https://stackoverflow.com/questions/72696822/error-cannot-find-module-aws-sdk-abort-c.. 더보기