Next Dev Gil

페이스북 - SNS공유하기 - 캐시 삭제 https://developers.facebook.com/tools/debug/ 트위터 - SNS공유하기 - 캐시 삭제 https://cards-dev.twitter.com/validator 라인 - OG이미지 캐시 삭제 https://poker.line.naver.jp/ 카카오 - OG이미지 캐시 삭제 https://developers.kakao.com/tool/debugger/sharing

ESLint와 Prettier ESLint란? 자바스크립트 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다. ESLint는 JavaScript 코드에서 발견된 문제를 식별하고 코드 스타일을 유지하도록 도와주는 오픈 소스 JavaScript 린트 도구이다. 코드를 분석하여 잠재적인 버그, 스타일 가이드 준수 여부, 코드 품질 등을 검사하여 개발자들이 더욱 효율적으로 코드를 작성하고 유지할 수 있도록 도와준다. ESLint는 다양한 규칙을 제공하며, 이러한 규칙을 설정하고 사용자 정의할 수 있어 팀 또는 프로젝트에 맞게 코드 스타일을 조정할 수 있습니다. 또한, 플러그인 시스템을 통해 다양한 환경에서 사용할 수 있도록 확장성을 가지고 있습니다. 보통 개발환경에서 ESLint는 개발자들이 ..

node.js 최신버전 업데이트 이후 Gulp 빌드가 되지 않는 이슈가 발생 Gulp에 설치되어있는 플러그인들의 버전도 최신 버전으로 업데이트 후 빌드 성공 npm-check-updates npm-check-updates는 package.json의 패키지들을 최신버전으로 업데이트 시켜줌 Installation npm install -g npm-check-updates Usage npm-check-updates -u 업데이트 필요한 패키지 버전 리스트 확인 후 npm install 진행 npm install 다시 버전 확인 하면 완료! 패키지가 최신버전으로 업데이트 되면서 패키지별 명령어가 변경된 경우 수정 필요.

React Snippet { "reactFunction": { "prefix": "rfc", "body": "import React from 'react';export default function ${1:${TM_FILENAME_BASE}}() {return ();}", "description": "Creates a React Function component" }, "reactStatelessImplicitReturn": { "prefix": "rsi", "body": "import React from 'react';export const ${1:${TM_FILENAME_BASE}} = (props) => ();", "description": "Creates a React Function compon..