본문 바로가기 메뉴 바로가기

공부 기록일지📚

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

공부 기록일지📚

검색하기 폼
  • 분류 전체보기 (387)
    • Frontend (278)
      • CSS, HTML (50)
      • CSS 프레임워크 (5)
      • JavaScript (114)
      • TypeScript (22)
      • react.js (49)
      • Next.js (9)
      • jQuery (8)
      • WIL😎 (20)
    • 코딩테스트 (27)
      • 알고리즘 & 자료구조 개념 (18)
      • 연습문제 (9)
    • 프로그래밍 (77)
      • Node.js (6)
      • Python (3)
      • 유용한 사이트 | 정보 (16)
      • Git, Github (24)
      • 정리하지 못한 내용 (3)
      • CS 지식 (25)
    • private (1)
      • interest (0)
      • 자격증 (1)
  • 방명록

프로그래밍/유용한 사이트 | 정보 (16)
[nvm | window] nvm 으로 node 버전 변경시 에러 해결 방법

vscode 내에서 nvm use 18.17.1을 했을 때, 아래와 같은 에러 메세지가 뜨며 동작하지 않았다. nvm에 18.17.1 버전의 node는 이미 설치된 상태이다. $ nvm use 18.17.1 exit status 5: �׼����� �źεǾ����ϴ�. exit status 1: ������ �̹� �����Ƿ� ���� �� �����ϴ�. 해결방법: 버전을 바꾸고 싶다면 `명령 프롬프트`를 관리자권한으로 열어서 같은 명령어를 입력해주면 된다. Q. 명령 프롬프트(CMD)를 그냥 열었을 때와 관리자 권한으로 열었을 때 차이점? 그냥 터미널을 열었을 때는 내 이름으로된 사용자 경로가 커맨드라인에 표시되지만 관리자 권한으로 열었을 때는 `C:\Windows\System32` 경로로 뜬다. ..

프로그래밍/유용한 사이트 | 정보 2023. 8. 22. 16:59
[vscode | settings] vscode 현재 경로에서 새파일,새폴더 만드는 단축키 설정

기존 ctrl+n , ctrl+shift+n 단축키는 vscode내에서 새파일을 만드는 단축키이다. 하지만, 경로가 지정되지 않은 새파일이 만들어지기 때문에 이 단축키를 내가 원하는 폴더의 하위 파일로 경로를 지정해서 새파일을 생성하는 것으로 바꾸기로 했다. F1 -> Preferences: Open keyboard shortcuts(JSON) [ { "key": "ctrl+oem_4", "command": "-markdown.extension.onOutdentLines", "when": "editorTextFocus && !suggestWidgetVisible && editorLangId =~ /^markdown$|^rmd$|^qmd$/" }, { "key": "ctrl+n", "command": "e..

프로그래밍/유용한 사이트 | 정보 2023. 2. 4. 18:49
[VSCode | extension] Sourcetree to GitLens (default Avatar 바꾸기)

GitLens 를 사용하려면 Git이 활성화되어 있는 지 확인해야한다. (Git이라는 기본 extension이 켜져있는 지 확인해보자.) + 추가적으로 Error Lens 익스텐션이 있다. 에러 메세지가 내 코드 위에서 바로 보이기 때문에 조금 정신 사나울 수 있지만 바로 에러가 난 것을 확인할 수 있으므로 추가적으로 설치해도 좋을 익스텐션 같다. 🟡 Sourcetree에서 GitLens로 이동한 이유? 기존에 사용하던 Git GUI sourcetree에서 vscode의 익스텐션 GitLens로 이동했다. 이유는 간단하다. vscode 내의 터미널을 이용하는 CLI 방식이 훨씬 더 편하다. 또한, 내 git, github 이슈 중 가장 오류가 많았고 헤맸으며 시간적으로 소모가 심했던 툴이 sourcetr..

프로그래밍/유용한 사이트 | 정보 2023. 1. 22. 20:12
[VSCode | extension] 2022 12월 추가 설치 extension(기능, 테마 추천), 2023 01월 추가

최근에 설치된 extension들을 확인하려면 @installed @sort:updateDate 검색어로 확인이 가능합니다. 저는 그냥 깔대기처럼 보이는 아이콘(Filter extensions -> sorted by -> updated date)을 눌러서도 보는 것이 가능합니다. 2022 12 05 기준 추천하는 기능 extension(snippet, intellisense 등..) 대부분이 필수적이라 생각하지만 개인적으로 추천하는 extension은 이모지를 달아두었습니다. 🥳 Auto Import - ES6, TS, JSX, TSX WakaTime // 하루에 내가 어떤 환경에서 어떤 언어로 코드를 짜는 지 확인할 수 있도록 연동하는 기능 Tailwind CSS Highlight // 테일윈드 css..

프로그래밍/유용한 사이트 | 정보 2022. 12. 5. 21:18
[VSCode] 소스코드를 블로그에 올릴 때 이미지화, 추가한 VSCode extension

소스코드를 블로그에 올릴 때 이미지화하는 방법은 여러가지가 있다. 그 중에서 내가 사용하려는 방법은 Carbon이라는 사이트이고 이유는 여러 방법 중 가장 코드를 올렸을 때 예쁘고 코드 가독성이 좋았기 때문이다. 자세한 내용은 아래 블로그에 나와있으니 읽어보면 좋다. https://velog.io/@yeseolee/%EC%86%8C%EC%8A%A4%EC%BD%94%EB%93%9C%EB%A5%BC-%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%97%90-%EC%98%AC%EB%A6%B4%EB%95%8C 소스코드를 블로그에 올릴때 소스코드를 블로그에 올리기 & 소스코드를 이미지로 변환하기 - 코드가 가독성을 잃지 않고 깔끔한 느낌을 주고 싶을 때 (PPT 발표 등에도 유용하게 쓰인다.) velog...

프로그래밍/유용한 사이트 | 정보 2022. 6. 26. 22:51
[기본세팅] 파이참(플러그인), AWS 가입하기

🍕why 파이참? JetBrains 사의 다른 IDE인 인텔리제이(IntelliJ)와 비교해봅시다. PyCharm IntelliJ IDEA with Python플러그인 ▶보다 간편한 UI 제공 (예를 들면 프로젝트 관리나 IDE 설정 관련 등) ▶Jython을 완벽하게 지원하는게 아니라, 실행할때만 지원 ▶java 언어와 Python 언어를 통합해서 사용할 목적이 아니면 python개발툴인 PyCharm을 사용하는게 나음 ▶ IntelliJ 자체는 자바 개발툴이나, 플러그인을 사용하면 python 사용 가능 ▶더 나은 Jython 지원 기능 보유 ▶상황 대처 능력이 뛰어남 (프로젝트를 위해 라이브러리를 구성할 수 있음) 출처: JetBrain코리아 출처: JetBrain코리아 그러면 VSCode과 PyC..

프로그래밍/유용한 사이트 | 정보 2022. 4. 27. 17:34
[Shell]Git Bash란 무엇이고 왜 써야하나요?

🍕shell이란? 쉘 프로그램이란? 키보드로 입력한 명령어(command)를 운영체제(OS)에 전달하여, 키보드로 입력한 명령어를 실행하게끔하는 프로그램 셸은 명령어와 프로그램을 실행할 때 사용하는 인터페이스(커널(Kernel)과 사용자 간의 다리역할을 한다.) 종류: bash, zbash, ksh, csh, bash 프롬프트(prompt)? : 컴퓨터 터미널(단말기, 전자 하드웨어)의 CLI(커맨드 라인 인터페이스)의 명령줄 대기모드를 가리킨다. Window 운영체제에서의 터미널은 '명령 프롬프트, cmd' 이다. bash는 이 cmd와 유사하게 생겼다. 🍕Bash란? Bash는 Bourne Again Shell 의 줄임말로, 스티브 본(Steve Bourne)이라는 사람이 개발한 최초의 유닉스 '쉘 ..

프로그래밍/유용한 사이트 | 정보 2022. 4. 21. 17:44
[VSCode | settings ] settings.json을 통해서 주석색상 변경하기

사용에디터: visual studio code settings.json 파일을 열고 setting의 값 변경을 통해서 주석색을 변경해보자 1. settings.json 파일 열기 (단축키: Ctrl + , ) or file -> settings -> 우측상단에 Open settings(JSON)아이콘 누르기 2. settings.json에 아래의 코드 추가해주기 "editor.tokenColorCustomizations": { "comments": "원하는 색상코드" }, ※이전 코드의 맨 끝에 콤마(,)를 넣어서 구분해주는것을 까먹지마세요. 세팅을 저장하고 제대로 작동하는 지 확인해봅시다. ▼ 저는 로즈쿼츠 색(#F7C9C9)으로 했습니다. -> 쓰다보니까 색이 좀 밝아서 눈아프길래 채도를 낮춘 색으로..

프로그래밍/유용한 사이트 | 정보 2022. 4. 4. 18:20
이전 1 2 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 원티드 프리온보딩 FE 챌린지
  • 항해99프론트후기
  • text input pattern
  • 원티드 프리온보딩 프론트엔드 챌린지 3일차
  • 프리온보딩 프론트엔드 챌린지 3월
  • getStaticPaths
  • 프리렌더링확인법
  • float 레이아웃
  • nvm경로 오류
  • reactAPI
  • 타입스크립트 장점
  • fs모듈 넥스트
  • 원티드 3월 프론트엔드 챌린지
  • 형제 요소 선택자
  • 항해99프론트
  • 부트캠프항해
  • D 플래그
  • nvm 설치순서
  • is()
  • tilde caret
  • ~ ^
  • aspect-ratio
  • 항해99추천비추천
  • Prittier
  • grid flex
  • 틸드와 캐럿
  • 원티드 FE 프리온보딩 챌린지
  • getServerSideProps
  • 타입스크립트 DT
  • && 셸 명령어
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바