맥북관련 셋팅 및 오류

    맥 vscode 권한 오류 해결법 | react typescript 설치시

    맥 vscode 권한 오류 해결법 | react typescript 설치시

    vscode에서 파일을 수정한 뒤 저장할 때, 하단에 이 오류가 뜨는 경우, sudo chmod -R 777 ~/Desktop/프로젝트폴더경로 코드를 터미널에 입력해주면 해결 된다.

    리액트 개발 도구 필수 셋팅 추천 | react-dev-tools

    리액트 개발 도구 필수 셋팅 추천 | react-dev-tools

    나는 리액트, 넥스트를 사용해서 개발하는 프론트엔드 개발자이다. 그래서 리액트 팀에서 리액트 애플리케이션의 원할한 개발을 위해 만든 개발 도구인 react-dev-tools 설치가 필수이다. 그 안에 많은 활용할 수 있는 다양한 기능들이 있지만 필수로 사용해야 하는 몇 가지만 적어본다. (안사용하면 바부..) 우선, react-dev-tools을 내 크롬에 확장한다. [설치 링크] https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko (미리보기가 안뜨넹..) 두번째, 개발자 도구를 연다. (F12 다들아시져?) 세번째, Profiler를 찾는다. 네번째, 오른쪽에서 검정색 톱니..

    노트북 변경시 프론트엔드 개발자의 초기 셋팅

    노트북 변경시 프론트엔드 개발자의 초기 셋팅

    노트북, 혹은 pc 등 개발도구를 변경할 때마다 프론트엔드 개발자의 초기 셋팅을 구글링하는게 지쳐서 정리해본다. 앞으로 초기 셋팅할 경우가 생겼을 때 이 글을 먼저 보고, 그 후 생기는 오류들을 구글링하면 될 것 같다. 준비물: 최신 커밋한 깃 허브 레포지토리, .env 파일, 맥북, 인내심 맥북인 경우, ** iterm2에서 진행 1. 아래 링크 프론트엔드 개발자의 맥북에어 m1 16g 256gb + 투명케이스 20살때부터 거의 7년간 쓴 내 소중한 마이크로소프트 서비스 랩탑이 고장났다.. 배터리가 방전되서 아예 켜지지가 않는다ㅜ 내장 배터리라서 배터리만 따로 갈아끼우는게 더 일이라 맥북을 알아 mariais.tistory.com 에서 iterm2 및 기초 세팅한다. 2. node 설치 (npm 같이 ..

    프론트엔드 개발자의 맥북에어 m1 16g 256gb + 투명케이스

    프론트엔드 개발자의 맥북에어 m1 16g 256gb + 투명케이스

    20살때부터 거의 7년간 쓴 내 소중한 마이크로소프트 서비스 랩탑이 고장났다.. 배터리가 방전되서 아예 켜지지가 않는다ㅜ 내장 배터리라서 배터리만 따로 갈아끼우는게 더 일이라 맥북을 알아보았다. 마침 당근에 가성비 있는 금액으로 맥북에어 m1 16g 256gb (배터리 사이클 30회, 100%) 가 올라와서 바로 구매했다 ㅎㅎ 개발자는 16g이지 😙 며칠 간, 기본 셋팅을 마치고 현재 사용하고 있는 모습 (vscode +item2) 아래는 참고한 사이트들이다. 설명이 매우 잘 되어있다! 나중에 맥북을 다시 바꿨을 때 다시 참고해도 좋을 것 같아 링크를 남겨둔다. [참고 1] macOS 맥북 개발 환경 구축 방법 총 정리 Mac 초기 셋업, Docker, Homebrew 등 LainyZine에서 연재중인 ..