반응형 Study/etc.7 [Error] 윈도우 맥 포트 죽이기(Error: listen EADDRINUSE: address already in use) [Error] 윈도우 맥 포트 죽이기(Error: listen EADDRINUSE: address already in use) 눈누난나 이슈 처리하려고 npm run dev 돌렸더니 Error: listen EADDRINUSE: address already in use :::8082 이런 에러가 나왔다. 컨트롤 + C 해서 종료 해봤지만 여전히 포트가 살아있는 상태여서 발생한 문제이니 강제로 포트를 죽이자. 윈도우 포트 죽이는 방법 1. 커맨드 창 열기(관리자 권한) 2. netstat -a -o 명령어 입력 // 명령어 입력 netstat -a -o 2. 찾고자 하는 포드번호 리스트 찾기(나의 경우 8082) 3. 8082 리스트의 PID 번호 기억하기(나의 경우 21448) 4. taskkill /f.. 2023. 6. 29. [Figma] 피그마 개발자 모드 업데이트 및 VSCode 플러그인(Figma Dev mode with Figma for VS Code) [Figma] 피그마 개발자 모드 업데이트 및 VSCode 플러그인 (Figma Dev mode with Figma for VS Code) 후후 어도비 이놈들 피그마를 완전 유료화(?) 시킬 빅픽쳐를 그리는 것인가 엄청난 것을 업데이트 했군.. 후후후 개발자 모드라니!! 심지어 VScode 플러그인 까지 출시 하다니! 피그마의 개발자모드 출시(2023.06.22) 얼마전 한국 시간으로 6월 22일 오전 1시 피그마 컨퍼런스 2023(config 2023)에서 엄청난 것을 선보였습니다. 피그마에 개발 지향적 업데이트가 이루어졌는데요. 바로 개발자모드(Dev mode)를 공개한 것입니다. 전체적으로 패널이 변경 되어서 마치 크롬 개발자 모드 창을 오픈한 것과 같은 느낌으로 변했습니다. 컴포넌트의 값과 반응형.. 2023. 6. 28. [VSCode] 글씨체를 멋지게 바꿔 보자.(Fira-Code) [VSCode] 글씨체를 멋지게 바꿔 보자.(Fira-Code) 1. 설정 방법 Fira-Code 공식문서 https://github.com/tonsky/FiraCode GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures Free monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub. github.com 위 링크로 이동하여 폰트를 다운로드 받은 뒤 폰트를 PC에 설치 후 VSCode setting.json 설정한 뒤 재부팅 할 것 settings.json "editor.. 2023. 5. 15. [Next] Next.js 외부 이미지 에러 (Error: Invalid src prop) Next.js 외부 이미지 에러 (Error: Invalid src prop) Next.js를 공부하던 중 강의 내용대로 따라 치고있는데 Error: Invalid src prop 블라블라~ 하고 에러가 떠 버렸다. 아무래도 아직 Next.js는 13버전 안정화 진행 중이다보니 구버전 코드를 볼 일이 많을 듯 하고 이러한 에러는 심심치않게 만날 듯 하여 기록하려고 한다. 해결 방법은 짱짱 쉬움 :D !! 해결방법 next.config.js 파일에 images domains를 설정 해주면 된다. /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, images: { domains: ["d3t32hsnjxo7q.. 2023. 3. 1. [ESLint] ESLint - Function component is not a function declaration Error [ESLint] ESLint - Function component is not a function declaration Error .esLintrc.js 파일에서 에러 발생 error Function component is not a function declaration eslint (react/function-component-definition) 발생 사유 : 화살표 함수로 생성된 함수형 컴포넌트에 대한 오류 ... "react/function-component-definition": [, { // 기명 함수 옵션 "namedComponents": "function-declaration" | "function-expression" | "arrow-function" | Array, // 익명 함수 옵션.. 2023. 2. 27. [Git] 깃의 기본에 대해 공부해보자. part2 (revert reset restore push clone pull pull-request stash) [Git] 깃의 기본에 대해 공부해보자. part2 (revert reset restore push clone pull pull-request stash) 오늘은 깃을 사용하다가 실수했을 때 복구하는 방법 (revert reset restore) 로컬저장소의 코드를 원격저장소로 올리는 방법 (push) 원격저장소를 로컬저장소로 가져오는 방법 (clone / pull) 브랜치를 병합하는 방법 (pull request) 커밋 할 때 함께 올리기 싫은 코드들을 잠깐 보관하는 방법 (stash)에 대해 정리해보려 합니다 후후후 드디어 나도 깃의 기본개념은 이해하고 있는 새럼,,🙋♀️ 깃허브 기본 파트는 바로 아래 요기로~~! https://heeeming.tistory.com/entry/Git-%EA%B9%8.. 2023. 2. 12. [Git] 깃의 기본에 대해 공부해보자. (깃 기본 명령어 branch merge delete) [Git] 깃의 기본에 대해 공부해보자. (깃 기본 명령어 branch merge delete) 두려워서 피하기만 했던 깃 공부를 해보려 합니다. 🧐 깃 기본 명령어 정리(git basic) git init git 저장소 초기화 방법 git add index.html(파일명) 선택한 파일을 스테이징 영역에 올린다. git add index.html style.css .. 이런식으로 파일을 여러개 추가 가능 git add . 이렇게 하면 모든 파일을 스테이징 영역에 올리겠다는 뜻 git commit -m ‘커밋할 메시지’ 커밋 메시지와 함께 깃 레파지토리로 파일을 올린다. git restore --staged index.html (파일명) 스테이징 된 파일을 취소하고 싶을 때 사용하는 명령어 git sta.. 2023. 2. 11. 이전 1 다음 반응형
