프로그래밍/개발 환경

Simple Icons - 유명 브랜드 로고 SVG 아이콘 모음 웹페이지: https://simpleicons.org/ github: https://github.com/simple-icons/simple-icons 주요 기능 약 2444개의 유명 회사 및 제품들 아이콘을 SVG로 제공 SVG, PDF 확장자 선택해서 다운로드 가능 아이콘 클릭시 svg 인라인 코드 텍스트 복사됨 코드에서 사용할 때 JSDelivr or Unpkg 과 같은 CDN으로 사용 가능 npm 패키지로도 제공: simple-icons [ICON SLUG]는 slug 참고해서 치환하면 됨. 예를 들어 CDN with colors CDN 서비스는 colors 기능도 있음. 여기서 [COLOR]는 option이며 사용하려는 아이콘의 he..

[VS code] mac에서 완전 제거하는 방법! 작업시 VS Code 코드 에디터를 사용해왔는데, 최근 여러 프로젝트를 진행하면서 확장 프로그램이 불필요하게 많이 추가되고, 환경 설정이 꼬였는지 불필요한 에러들이 발생했다. 그래서 이번 기회에 앱을 완전 제거 하고 새로 설치하였다. 방법은 아래와 같다. 제거 방법 1. VS Code 프로그램 종료 2. 터미널에서 아래 명령어 실행 rm -fr ~/Library/Preferences/com.microsoft.VSCode.helper.plist rm -fr ~/Library/Preferences/com.microsoft.VSCode.plist rm -fr ~/Library/Caches/com.microsoft.VSCode rm -fr ~/Library/Ca..

[VScode] Fira Code 폰트 적용 방법, 간단 정리 1. Fira Code 폰트란? 화살표 함수를 쓰다보면 하다보면 가끔 이런 생각이 든다. => 기호를 ⇒ 로 쓰면 안될까? 더 직관적인거 같은데,, 하지만 이는 엄연히 다른 기호이다. 이는 다른 유니코드이기 때문이다. 방법은 있다. Fira Code 폰트를 사용하면, => 로 적어도 화면에는 ⇒ 기호로 표현해준다. 아래 코드 예시처럼, 화살표 기호 뿐만 아니라 여러 부등호 또한 직관적인 기호로 변환하여 화면에서 볼 수 있다. 2. VS code에 적용하는 방법 1. fira font 파일 다운로드 및 설치 아래 페이지로 이동, Download & Install 로 다운로드 하여 ttf 파일 설치 (혹시 안된다면 아래 설치파일 다운로드) htt..

[node] yarn workspaces 빠르게 알아보기 workspace 란? Workspaces는 단일 최상위 루트 패키지 내에서 로컬 파일 시스템의 여러 패키지를 관리할 수 있도록 지원하는 npm cli의 기능 집합을 가리키는 일반 용어입니다. Workspace를 통해 로컬 파일 시스템에서 연결된 패키지를 훨씬 더 효율적으로 처리할 수 있습니다. npm install의 일부로 연결 프로세스를 자동화하고 현재 node\_modules 폴더에 심볼링해야 하는 패키지에 대한 참조를 추가하기 위해 npm link를 수동으로 사용할 필요가 없습니다. 또한 npm install 중에 자동 동기화되는 패키지를 하나의 workspace로 지칭합니다. workspace의 package.json 에 명시적으로 정의된..