# ESLint

63개의 포스트

IM 1W _ Linting & ESlint 사용법

goalWHAT IS ESLintESLint란? : ESLint는 JavaScript 코드에서 발견 된 문제 패턴을 식별하기위한 정적 코드 분석 도구입니다. ESLint의 규칙은 구성 가능하며 사용자 정의 된 규칙을 정의하고로드 할 수 있습니다. ESLint는 코드 품

6일 전
·
0개의 댓글
post-thumbnail

TIL5: Linting

코드를 분석하여 문제점을 발견해 내고, 안전하고 정돈된 코드를 작성하는 데 도움을 주는 도구를 Lint 또는 Linter라고 합니다. Linting과 관련된 다양한 패키지가 존재하는데 그 중에서 가장 대표적인 것이 ESLint입니다.설치(Local 설치): 프로그램 구

6일 전
·
0개의 댓글

[TIL] Eslint

linter 의 사용

6일 전
·
1개의 댓글

하루5분코딩"RunTime 과 Node.js"

원래는 JavaScript Runtime 만 있었지만 Node.js 의 등장으로 웹페이지(브라우저) 뿐만 아니라 서버와 같은 프로그램을 만들수 있다.Node.js 의 활용

2020년 10월 19일
·
0개의 댓글
post-thumbnail

[인프런] 프론트엔드 개발환경의 이해와 실습 #1

지난 추석 인프런에서 모든 강의 25% 👏 할인 행사를 진행할 때 '프론트엔드 개발환경의 이해와 실습'을 강의를 구매했다. 지금까지는 Javascript, Vue.js, Python 등을 위주로 공부했었는데 같은 팀이었던 스크립터분이 프론트엔드로서 나아가려면 개발환경

2020년 10월 15일
·
0개의 댓글

줄 시퀀스 충돌

맥이나 리눅스에서 작업한 파일은 기본적으로 줄 시퀀스가 LF로 설정되어 있고 Git 저장소(repository)에 push할 때 LF로 저장된다. 하지만 LF로 설정된 파일이 있는 저장소를 클론해서 윈도우에서 작업하려고 하면 기본적으로 모든 파일의 줄 시퀀스가 CRLF

2020년 10월 8일
·
0개의 댓글
post-thumbnail

ESLint 컨트리뷰션 후기 모음

2020 OSS 컨트리뷰톤에서 ESLint 및 ESLint 플러그인 프로젝트에 기여한 후기 모음입니다.ESLint 기여 TIL - by @sunghyunjo 초보인 내가 ESLint에 merge 성공?! 上편(with 오픈소스 컨트리뷰톤) - by @sodaMelon초

2020년 9월 14일
·
0개의 댓글
post-thumbnail

[React] ESLint, Prettier 설치 및 설정

✔️ ESLint 란? ESLint는 JavaScript 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다. 대부분의 프로그래밍 언어에는 컴파일하는 과정에서 수행되는 Linter가 기본적으로 내장되어 있다. 그러나, 역동적이고 느슨한 언어인 Java

2020년 9월 12일
·
0개의 댓글
post-thumbnail

초보인 내가 ESLint에 merge 성공?! 下편(with 오픈소스 컨트리뷰톤)

자바스크립트 초심자가 오픈소스 ESLint에 기여해본 후기, 2편! (🏅 with 오픈소스 컨트리뷰톤) PR, 코드리뷰, Merge 과정을 담고 있습니다.

2020년 9월 9일
·
2개의 댓글
post-thumbnail

초보인 내가 ESLint에 merge 성공?! 上편(with 오픈소스 컨트리뷰톤)

자바스크립트 초심자가 오픈소스 ESLint에 기여해본 후기, 1편! (오픈소스 기여? 야 너두 할수있어😉) 이슈 선정, 해결하기 과정을 담고 있습니다.

2020년 9월 2일
·
2개의 댓글

[TIL] 2020/09/02

Today, I Learned About git : merge Conflict가 발생했을 때, vs code에서 제공하는 선택지 중에 current change는 내가 변경한 것을 선택하는 것이고, incoming change는 상대방의 변경 사항을 선택하는 것이

2020년 9월 2일
·
0개의 댓글

20년 9월 2일(수)_TIL

오늘 배운 것ESlint 설치 및 적용 \* 코드의 문법적 오류나 패턴 찾아내고, 일관된 스타일로 작성을 도와줌프로그래머스 코딩테스트 연습 : 크레인 인형뽑기 게임느낀점Immersive Course에 들어서 툴에대해 많이 배우는 것 같은데, 정확한 사용법이나 필요성은

2020년 9월 2일
·
0개의 댓글
post-thumbnail

ESLint

코드의 띄어쓰기, 줄바꿈 등의 기본 문법 규칙(=유효성 검사)을 맞추는데 도움이 되는 Linter 번들 규칙(bundled rules)과 커스텀 규칙(custom rules)를 통해 프로젝트의 완성도를 높힐 수 있다. 기본적으로 ESLint는 ECMAScript 5

2020년 9월 1일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 2장, JSX

# JSX란? ## 자바스크립트의 확장 문법 ## JSX 문법 ## ESLint와 Prettier (VSC에서)

2020년 8월 18일
·
0개의 댓글
post-thumbnail

TIL - 2020.08.10

오늘은 드디어 React 프로젝트 세팅 글을 마무리했다.😂 정리하고 밀린 포스팅도 빨리 올려야하는데 ㅠㅠ 할 게 너무 많다,,,드디어 React 프로젝트를 위한 세팅을 마무리하고 블로그에 정리 글을 올렸다!ESLint와 Prettier로 React 프로젝트 세팅을 하

2020년 8월 10일
·
0개의 댓글
post-thumbnail

ESLint & Prettier, Airbnb Style Guide로 프로젝트 세팅하기

ESLint & Prettier, Airbnb Style Guide로 React 프로젝트 세팅하기 이제 프로젝트 개발에 들어가기 위해 개발 환경 세팅을 시작하면서 적용기를 작성해보았다.

2020년 8월 10일
·
2개의 댓글
post-thumbnail

TIL - 2020.08.07

오늘은 블로그 글을 작성하면서 많이 배웠는데 막상 TIL에는 적을건 별로 없는것 같다,,,! 지금 올릴려는 React 프로젝트 세팅 글은 조금 마무리가 안 되서 마무리 되는 대로 업로드 하겠다!멘토링을 받았다. 멘토님께 진행사항을 알려주고 피드백을 듣고 앞으로 해야하는

2020년 8월 7일
·
0개의 댓글
post-thumbnail

ESLint, Prettier 적용하기

자바스크립트 개발을 하다 보면 문법 오류나 코드 정리로 인해 시간을 많이 소비한다. ESLint와 Prettier는 이러한 상황을 해결해 주는 도구들이며, VSCode, WebStorm, Atom 등 여러 에디터와 연동해 사용이 가능하다. 이번 포스팅에서는 두가지 도구

2020년 8월 1일
·
0개의 댓글
post-thumbnail

ESLint를 VSCode 에서 적용해보기

다른 사람들과 협업 또는 코드를 배포할때 스타일을 통일하기 위해서는 eslint 는 필수라고 할 수 있다. 매번 vs code 에서 이를 적용하는데 적잖은 시간이 걸리므로 이번기회에 정리하여 다음번에는 빨리 기본 설정을 하는것이 목표이다!단, webstorm 에서는

2020년 7월 27일
·
0개의 댓글