Jini Dev

ESLint문법 및 코드 스타일을 검사해주는 도구 - 문법적인 오류를 사전에 발견할 수 있다.- 협업에서 통일된 코드 스타일을 유지할 수 있도록 도와준다 ❗Lint 는 여러가지가 있다. 1. CRA (create-react-app) 에서 설정 방법cra 설치시 기본적으로 내장되어 있기 때문에 package.json 에 "eslintConfig" 안에서 설정한다."eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, 2. 별도의 파일로 적용하기root 경로(package.json 과 동일한 경로)에 .eslintrc.json 파일을 생성한다.json 형태로 코드를 작성한다.{ "extends": ["react-a..

VSC 에서 사용하는 Extension들 모음(추가 예정!)JavaScript 코드를 실행하기 위한 환경 1. Code Runner링크 : https://marketplace.visualstudio.com/items/?itemName=formulahendry.code-runner Code Runner - Visual Studio MarketplaceExtension for Visual Studio Code - Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml,..

1. https://heroicons.com/ HeroiconsBeautiful hand-crafted SVG icons, by the makers of Tailwind CSS.heroicons.com 2. https://fontawesome.com/ Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.comSVG 파일 다운로드도 가능하다.

snippet 이란?코드 조각으로, 재사용한 소스 코드를 말한다. 개발을 시작하기 전 설정해두면 반복되는 코드를 일일히 입력하지 않아도 되어서 굉장히 유용하다. 스니펫(snippet) 만드는 방법이 궁금하다면https://jini-dev.tistory.com/54 VS Code 스니펫 만들기 : snippet generator 사용 방법 및 VSC 적용하기snippet 이란?코드 조각으로, 재사용한 소스 코드를 말한다. 개발을 시작하기 전 설정해두면 반복되는 코드를 일일히 입력하지 않아도 되어서 굉장히 유용하다. Snippet generator 사용 방법https://snippjini-dev.tistory.com 이 내용을 참고하고 Cursor AI에 스니펫 설정 방법만 아래 내용 그대로 따라하면 된다...

snippet 이란?코드 조각으로, 재사용한 소스 코드를 말한다. 개발을 시작하기 전 설정해두면 반복되는 코드를 일일히 입력하지 않아도 되어서 굉장히 유용하다. Snippet generator 사용 방법https://snippet-generator.app/?description=&tabtrigger=&snippet=&mode=vscode snippet generatorSnippet generator for Visual Studio Code, Sublime Text and Atom. Enjoy :-)snippet-generator.app 스니펫 generator 사이트를 이용하면 간편하게 스니펫을 만들 수 있다.  Description : 스니펫 설명Tab trigger : 단축키 작성Your snippe..