본문 바로가기
[Mac] brew(macOS 소프트웨어 패키지) 설치하기 - git mirroring 참고 글 ) brew 공식 홈페이지에서 그대로 따라 설치했는데도 터미널에서 brew를 인식 못할 때 - 03. HOME BREW가 권장하는 git mirroring 을 이용하여 설치하기 - https://sol-reshur.tistory.com/109 오류해결 : homebrew command not found 오류 해결상단과 같이 꾸미고 싶어서 설치를 하던 중 HomeBrew를 찾을 수 없다는 난관에 부딪혔다. 맥북 초기 설정할 때 웬만한 건 다 설치했는데 지금 보니 안돼서 시도했던 방법들을 적어두려고 한다. 알sol-reshur.tistory.com 왜 brew를 mirroring으로 설치를 권장해?구글 AI 답변 : Homebrew에서 mirroring 설치를 권장하는 이유는 Homebrew의 기본..
[Windows] pnpm이 죽어도 삭제가 안될때 git bash를 사용하여 맥 터미널 명령어로 간단 해결이 가능하다.윈도우 환경에서 pnpm를 최신으로 무심코 설치했더니 봐야할 플젝에서 pnpm 버전이 충돌되었다. pnpm 버전 - 내 로컬 : 10.11.0 | 봐야할 플젝에서 원하는 버전 : 9.0.0npm i -g pnpm 그래서 최신 pnpm를 삭제하고 원하는 버전으로 설치를 진짜 몇번을 했는데도.. 기존의 10버전이 계속해서 남아있었다… 별 시도를 다해봤다.>>>npm uninstall -g pnpm>>>npm uninstall pnpm@10.11.0>>>npm rm -g pnpm 그래도 계속해서 부활…결국 비장의 카드 sudo를 써보니…(맥 환경에서도 동일 적용 가능)sudo rm -f $(which pnpm) Sudo가 이 컴퓨터에서 사용하..
[Javascript] import 시 오류 해결 방법 html로 작업시 반복적인 코드는 피하기가 쉽지않다. 예를 들어 header, footer, top 버튼 경우에는 각 페이지별로 다 들어가는데 매번 연결해주는 것도 번거롭다. 우회하는 방법으로 스크립트에서 ajax 방식으로 연결하는 방법이 있는데, 이 연결한 코드를 따로 layout.js 라는 파일로 가져가고 싶었다. 그래서 기존 common.js에서 덜어내어 layout.js 파일로 별도로 만들고 import 시키려 했으나, Uncaught SyntaxError: Cannot use import statement outside a module (at common.js:1:1) 이런 오류를 만났다. 모듈 밖에서는 import를 사용할 수 없다는 메세지 같은데, 그럼 layout를 연결시킨 common.j..
[CSS3] iOS object 떨림 현상 + 스크롤 바운드 해결 반응형 작업 후에 실제 기기로 테스트 했을 경우 부분적으로 달라보이는 현상이 있다.iOS로 테스트 중이였는데 스크롤시, 다음 이미지와 설명이 올라오는 모션을 코딩해둔 부분에서 미세하게 이미지 떨림현상이 발견되었다. AOS로 테스트할때에는 별다른 이상이 없었는데 역시... 더 꼼꼼히 봐야하는 환경.. 오른쪽에 미세한 버벅임 ㄷㄷㄷ구글링을 하다 Chapt GPT에게 물어봤는데 역시나 명쾌하게 해답을 해줬다.해당 버벅이는 대상인 img 태그에 아래와 같은 스타일을 먹여준다./* ? TODO IOS 이미지 떨림 현상 */.value .screen.m .imgs>li .imgs__bg { display: block; width: 100%; will-change: transform; backface-visibili..
[VSCode] 드래그 한 스타일만 포맷 변환하는 확장 (style-compressor) 확장 사용 예시프로젝트를 협업하다보면 CSS 포멧 스타일이 다를때가 있다. 지금 하고 있는 프로젝트 CSS 스타일은 한 줄에 한클래스의 스타일을 나열하는 Compact 형식이다. CSS/SCSS 포맷 종류에 대해서는 전에 게시해둔 글을 참고해도 좋다.https://jintrue.tistory.com/entry/SCSS-CSS-Format-%EC%A2%85%EB%A5%98%EC%97%90-%EA%B4%80%ED%95%98%EC%97%AC [SCSS, CSS] Format 종류에 관하여CSS 전처리기인 SCSS를 통하여 작업을 한 후 해당 SCSS 파일을 CSS로 컴파일하게 된다.이때 컨파일하는 CSS 파일 포맷 종류를 정할 수 있다.Format의 종류에는 Expanded, Compact, Compresse..
[Node.js] node -v 인식 안됨 nodejs 를 초기에 윈도우에 설치할때 잡아주는 기본 경로는 아래와 같다.C:\Program Files\nodejs 하지만 임의로 변경해두고 나중에 fnm(fast nodejs manger)나 해당 프로젝트 노드버전을 설치할때 node -v 이 명령어 자체가 인식이 안될 수도 있다.그래서 윈도우 시작 버튼에서 "오른쪽 마우스 > 시스템 > 고급 시스템 설정 > 시스템 변수" 를 통해 수정을 하거나 node를 제거하고 다시 설치하거나 해야한다.둘 다 해봤는데 시간 아끼려면 제거 후 재 설치를 추천한다. 제어판 > 프로그램 제거 ) node를 찾아 제거한 후 재설치https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript r..
[VSCode] Git Bash 사라짐 fnm를 설치하여 한 프로젝트를 로컬에 셋팅하던 와중에 VSC에 Bash창이 날라가버렸다...아마도 아래 명령어 때문인거 같은데eval "$(fnm env --use-on-cd --shell bash)" 환경변수 설정을 하려다가 더 꼬일꺼 같아서 VSC 의 settings.json 파일에 bash 경로를 정확하게 설정해 볼까한다. 우선 내 로컬에서 bash가 어디에 설치되어있는지 봐야하는데, 커멘드 라인에서 위치를 찾아보면which bash/usr/bin/bash로 나오므로 정확하게 알수 없다..보통 git을 설치하게 되면 C:\\Programs 폴더에 설치되므로 참고!나는 D 드라이브에 program이라는 폴더를 만들어서 설치했었다. {"terminal.integrated.profiles.windows..
[Node.js] nvm 대신 fnm을 써보자 nvm는 node version manger로서 프로젝트마다 노드버전을 달리할 때 프로젝트 별 맞는 버전을 그때그때 변환하기 쉽게 관리하는데 도움을 준다.최근에(?) 알게된 노드 관리자로서 fnm을 알게되었는데 nvm 보다는 속도도 빠르고 가볍다고 한다. 사실 차이를 잘 모르겠지만 nvm이랑 거의 비슷한거 같다. 프로젝트 중에 node version이 16.18.32 인 플젝이 있어서 새로운 로컬에 설치할 상황이 생겨 테스트겸 fnm을 사용해 보았다.1. fnm download# fnm 다운로드 및 설치winget install Schniz.fnm 2. fnm 으로 원하는 버전 설치fnm i 16.18.32 위와 같이 입력하면 윈도우 64비트일 경우, 아래와 같은 에러가 나올 것이다. Installing..

티스토리툴바