웹 개발을 하기 위해 필요한 기술들을 한눈에 담아보려고 클로드에게 정리해달라고 했다. 마치 여러 명의 직원들이 각자 맡은 일을 하면서 하나의 회사를 운영하는 것처럼 모든 기술이 엮여있다. 기술마다 트랜드가 있겠지만, 우선 초보자들도 쉽게 이해할 수 있는 수준으로 웹 사이트를 만들기 위해 필요한 대표적인 기술들에 대해 서로 상관관계를 적어보았다. 프론트엔드 (사용자가 보는 부분):React: 레고 블록처럼 웹사이트의 부품들을 만들어서 조립할 수 있게 해주는 도구예요. 예를 들어, 인스타그램의 게시물 하나하나가 다 React로 만든 부품이에요.Redux: React로 만든 부품들이 서로 정보를 주고받을 때 사용하는 우체통 같은 거예요. 모든 정보를 한 곳에 모아두고 필요한 부품에게 전달해줘요.Bootstr..

맥북 M3 Sonoma 14.5 버전에서 크롬 설치 후 무슨 짓을 해도 크롬이 안열리는 문제가 발생했다. 바탕화면에 dmg 가 생겼는데도 설치가 되지 않아 찾아보니 아래와 같은 방법으로 해결하면 된다.  맥북에서 터미널을 켠 후 아래 경로에서 Google 폴더 삭제 sudo rm -r ~/Library/Application Support/Google 그 다음 Chrome 앱 삭제를 해주고, 아래와 같이 다시 폴더를 생성해주면 된다고 한다. sudo mkdir ~/Library/Application Support/Google/Chrome 참고로 나는 이 과정에서 Google 폴더를 삭제하고, 크롬 앱을 다시 켰는데알아서 폴더도 생기고 설치가 정상적으로 이루어졌다.   출처 1 : https://www.re..

GitHub Codespaces 란?codespace는 클라우드에서 호스트되는 개발 환경이다. 각 codespace는 가상 머신에서 실행되는 Docker 컨테이너의 GitHub에 의해 호스팅된다. 2개 코어, 8GB RAM 및 32GB 스토리지, 최대 32개 코어, 64GB RAM 및 128GB 스토리지의 가상 머신 유형 중에서 선택할 수 있다. 기본적으로 codespace 개발 환경은 Ubuntu Linux 이미지에서 만들어진다. 즉, codespace는 로컬 운영 체제에 관계없이 Linux 환경에서 실행됩니다. Windows 및 macOS는 원격 개발 컨테이너에 대해 지원되지 않는다.  GitHub Codespaces 실행방법아래와 같이, Code 버튼을 누르면 Local 에서 받을지 Codespa..

pip 패키지로 설치했을 때 mmcv가 import 안되는 현상이 있다.  ModuleNotFoundError: No module named 'mmcv'  이럴 때 mmcv 대신 mmcv-full를 설치해주면 된다는 글이 있어서 시도해봤는데 똑같은 현상이 계속 일어났다. 그래서 결국 git에 있는 소스를 빌드해서 설치해주었다.  git clone https://github.com/open-mmlab/mmcv.gitMMCV_WITH_OPS=1 pip install -e .  그랬더니 아래와 같이 mmengine 이 없다길래 ModuleNotFoundError: No module named 'mmengine'  mmengine을 설치해주었더니 import 완료.  pip install mmengine   참..

윈도우 환경에서 SSH 접속 하기 위한 방법은 아래와 같다. 1. Windows 환경에서 OpenSSH 서버버전 설치하기 (클라이언트 버전은 이미 설치되어있음) 2. OpenSSH 설정 및 서버 구동하기 3. 끝 ! 1. Windows 환경에서 OpenSSH 서버버전 설치하기 먼저 아래와 같이 윈도우 설정 > 시스템 > 선택적 기능 > 선택적 기능 추가 > 기능 보기를 누른 뒤 OpenSSH 서버를 설치해준다. 참고로 기본 설정에서 클라이언트 버전은 이미 설치되어있다. 2. OpenSSH 설정 및 서버 구동하기 설치가 완료된 다음 서비스 설정 및 구동을 위해 powershell을 관리자 모드에서 열어준다. (관리자 모드 중요 ✅) 그 다음 아래 명령어를 통해 정상적으로 설치되어있는지 확인한다. Get-W..

문제 Grad strides do not match bucket view strides. This may indicate grad was not created according to the gradient layout contract, or that the param's strides changed since DDP was constructed. 위와 같이 에러가 나면서 학습이 안되는 상황이 발생. 해결방법 위와 같이 grad stride 관련 이슈가 난다면, 본인 환경이 ddp 학습인지 체크해보고, 아래와 같이 transpose() 연산이나 permute() 연산에 .contiguous() 를 꼭 붙여준다. transpose().contiguous() permute().contiguous() 이유 즉,..

RuntimeError: Expected to have finished reduction in the prior iteration before starting a new one. This error indicates that your module has parameters that were not used in producing loss. You can enable unused parameter detection by passing the keyword argument `find_unused_parameters=True` to `torch.nn.parallel.DistributedDataParallel`, and by making sure all `forward` function outputs parti..

push 또는 pull 할 때 아래와 같은 에러가 났다. fatal: refusing to merge unrelated histories 이는 git에서 서로 관련 기록이 없는 다른 프로젝트를 병합할 때 이런 에러가 뜬다고 한다. 그래서 이를 허용해주려면 쳤던 명령어에서 아래와 같은 명령어 옵션을 붙여준다. --allow-unrelated-histories

리눅스에서 자주 사용하는 명령어를 정리해보았다. ls (List segments) 현재 위치의 파일 목록 조회하기 위해 사용 ls -l : 파일의 상세정보 ls -a : 숨김 파일 표시 ls -t : 파일들을 생성시간순(제일 최신 것부터)으로 표시 ls -rt : 파일들을 생성시간순(제일 오래된 것부터)으로 표시 ls -f : 파일 표시 시 마지막 유형에 나타내는 파일명을 끝에 표시 ('/' : 디렉터리, '*' : 실행파일, '@' : 링크 등등,,,) cd (Change directory) 디렉터리 이동할 때 주로 사용하는 명령어 cd 디렉터리 경로 : 이동하려는 디렉터리로 이동 cd ~ : 홈 디렉터리로 이동 cd / : 최상위 디렉터리로 이동 cd . : 현재 디렉터리 cd .. : 상위 디렉터리..

npm run dev 명령어를 쳤는데 아래와 같은 에러가 뜬다면 npm ERR! To see a list of scripts, run npm start npm start 명령어를 통해 package.json 파일에 시작 스크립트 추가 하면 된다. 참고자료 : https://sebhastian.com/npm-err-missing-script-start/ How to fix npm ERR! missing script: start error Learn how to fix the npm ERR missing script start error. sebhastian.com

Parcel encountered errors Error: Expected content key (error key) to exist 자바스크립트에서 갑자기(는 아니고 다른 패키지를 import 못했을 때)위와 같은 에러가 날 때 루트 디렉토리에서 parcel-cache를 삭제해주면 된다. rm -r .parcel-cache 참고자료 : https://github.com/parcel-bundler/parcel/issues/8874 parcel watch error: Expected content key 2d39cdf7c618ab5b to exist · Issue #8874 · parcel-bundler/parcel 🐛 bug report When running parcel watch 'packages/*..

아래 명령어는 현재 실행중인 모든 프로세스의 메모리 사용량으로 정렬 후 PID와 각종 메모리 사용률 및 프로세스를 상세하게 보여준다. $ ps -eo user,pid,ppid,rss,size,vsize,pmem,pcpu,time,cmd --sort -rss | head -n 11 참고자료 : https://www.runit.cloud/2020/11/linux-process-memory-usage.html 리눅스 메모리 사용 프로세스를 확인하는 2가지 방법 리눅스 서버에서 프로세스의 메모리 사용량을 확인하기 위한 방법을 알아보고, 아래 실습 내용을 통해 쉽게 사용할 수 있습니다. 커맨드 라인에서 ps와 top 명령어를 사용해서 메모리 사용량에 www.runit.cloud