한 걸음/etc
내가 직접 만든 컴포넌트를 디자인시스템처럼 다른 프로젝트에서 다운받아 사용할 수 있도록 npm에 배포해보자. 1. vite + react + typescript로 프로젝트 만들기npm create vite@latest 2. 불필요한 파일 삭제 (배포될 라이브러리 자체를 그려주는 화면은 필요하지 않기 때문.. 컴포넌트들만 개별로 export 해서 사용할 것임)index.htmlApp.cssApp.tsxindex.cssmain.tsx/assets 폴더/public 폴더 1-1. (선택) npm > pnpm 마이그레이션https://thefirstperson.tistory.com/262 pnpm으로 마이그레이션 하기" data-og-description="1. pnpm 설치npm i -g pnpm ..
npm 개발자가 하나의 패키지를 설치한다고 해도, 꼬리에 꼬리를 무는 종속성(dependency) 패키지까지 모두 설치된다(Ghost Dependency) 이 과정에서 어떤 패키지가 중복 저장되거나, 설치를 의도하지 않은 패키지를 사용할 수 있게 되는 등 잠재적인 문제가 발생할 수 있다. npm은 패키지 설치 시 패키지들을 각각 별도로 설치한다. 이로 인해 공유된 의존성이 중복으로 설치될 수 있고, 의존성 트리가 깊어질수록 패키지 설치 속도가 느려지며 디스크 공간을 많이 차지할 수 있다. pnpm (performant npm) npm의 의존성 문제를 해결하기 위해 고안된 패키지 매니저. pnpm은 패키지를 node_modules에 직접 설치하는 대신, 전역 저장소(Virtual Store)에서 패키지를..
요즘들어 초기화된 mac에 개발환경 셋팅하는 일이 잦은 것 같아 프로세스를 정리해둔다. vscode, post man, figma 설치 Homebrew 설치/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" git 설치brew install git git 사용자설정git config --global user.name "본인이름"git config --global user.email "본인 이메일 주소” nvm 설치 & 시스템 환경변수 등록brew install nvmvim ~/.zshenv export NVM_DIR="$HOME/.nvm"[ -s "/opt/homebrew..
아르코에서 인공지능 퍼포먼스라는 하루짜리 강의가 열린다고하여 등록해서 들어보았다. 예술과 인공지능...? 창제작과정? 커리큘럼을 읽어봐도 어떤 내용일지 잘 상상이 가지 않아 일단 가서 들어보기로... 강의 내용은 서울예대 김제민 교수님이 개발자와 함께 프로그램을 만들면서 어떤 시행착오를 겪었는지, 또 앞으로 우리들이 인공지능을 어떤 식으로 창작물에 활용할 수 있을지 가볍게 훑어보는 자리였다. (약 20여 명이 모였는데, 개발자는 나 혼자였다. 다른 사람들은 전부 예술이나 기획쪽 직군..) [백조편의 시 - 레이몽 크노 무한의 텍스트 조립] 이라는 영상을 보여주었는데, 여기서 뭔가 영감을 얻을 수 있을 것 같아 적어두었다. 근데 집에 와서 유튜브 찾아보니 검색에 안나오네... 강의 들으면서 소개받은 사이트..
쿠키 (Cookie) - 브라우저(클라이언트)에 저장되는 작은 파일 - 클라이언트의 상태 정보를 로컬에 저장했다가 참조 - 300개까지 저장 가능 - 하나의 도메인 당 20개의 값을 가질 수 있음 (하나 당 4KB까지 저장 가능) - 대부분의 브라우저가 지원 - 인증 유효 시간을 지정할 수 있고, 유효 시간이 정해지면 브라우저가 종료되어도 인증을 유지 - 사용 예시 : 로그인 자동완성, 쇼핑몰 장바구니, 오늘 더 이상 창을 보지 않음 팝업 등 로컬 스토리지 (Local Storage) - 브라우저 창을 닫더라도 데이터가 유지됨 (데이터 영구 저장 가능) - 서버에 불필요한 데이터를 저장하지 않음 - 약 5MB의 큰 용량 - 사용 예시 : 자동로그인 세션 스토리지 (Session Storage) - 로컬스..
https://python-poetry.org/docs/#installation Introduction | Documentation | Poetry - Python dependency management and packaging made easy If you installed using the deprecated get-poetry.py script, you should use it to uninstall instead: curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | python3 - --uninstall python-poetry.org 1. 윈도우 파워쉘에서 아래 명령어 입력 (Invoke-W..