# Prettier

36개의 포스트
post-thumbnail

[React] ESLint, Prettier 설치 및 설정

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

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

TIL no.30

Airbnb 3일차

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

TypeScript 개념 및 설치

TypeScript는 JavaScript에 정적 타입 기능을 추가한 언어로서 JavaScript를 모두 포함한다. TypeScript의 간단한 테스트는 아래의 공식 사이트에서 할 수 있다. https://www.typescriptlang.org/play/

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

TIP) React 코드 자동 정렬하기

VScode에서 기본적으로 제공하는 단축키자동으로 해당 파일의 코드가 정렬 된다.가끔 안되는 경우가 있다. 자동정렬 단축키가 잘 되지 않는 경우 플러그인을 통해서 자동정렬이 가능해진다.단축키 없이 그저 저장을 하는 것만으로도 자동정렬이 가능하다.설치를 하면 바로 적용이

2020년 8월 31일
·
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일
·
0개의 댓글
post-thumbnail

ESLint, Prettier 적용하기

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

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

[CodeMaid] C#-Visual Studio용 prettier

개요 Confluence/Github을 사용해 Code Convention을 맞추고 Code Review를 진행하던 PJT에서 일하다가, 이러한 문화가 없는 PJT에 중간 투입이 되니 필요성을 느끼게 되었다. C# 개발 시 IDE로 Visual Studio를 사용중이어

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

React.js Project 개발 환경 설정하기 3편 : ESLint & Prettier 설정으로 Linting on Save 설정하기

❗️이 시리즈는 React.js로 이미 작성된 프로젝트의 업무 인수인계 및 개인 기록용으로 작성되었습니다.React.js 프로젝트를 새로 만드는 과정은 담겨있지 않습니다.혹시 잘못된 내용이 있다면 언제든지 댓글 부탁드립니다! 😁JavaScript 개발 환경에는 Cod

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

TIL #12 1차 프로젝트 react 초기 세팅

1차 프로젝트에 앞서 프로젝트에 필요한 react 초기 세팅을 진행하고자 한다.1\. CRA (Create-React-App) 설치CRA는 문자 뜻 그대로 React 앱을 만들어주는 도구이다.React 프로젝트 개발환경 구축을 처음부터 설정하는 것은 React를 처음

2020년 6월 21일
·
0개의 댓글
post-thumbnail

정말! 딱! 필요한 깔끔한 react + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅

본 세팅은 2020-06-13 기준입니다. react (CRA3) + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅)

2020년 6월 13일
·
0개의 댓글
post-thumbnail

ESLint & Prettier, Airbnb Style Guide로 설정하기

코드의 가독성을 높혀주고 에러나 컨벤션에 관한 경고 해주는 유명한 툴이 있는데바로 ESLint와 Prettier입니다. 매번 멘토님의 블로그를 보고 설치하고 설정하고 사용하던 ESLint와 Prettier를 가장 유명한 컨벤션인 airbnb style guide를 적용

2020년 5월 20일
·
5개의 댓글
post-thumbnail

[Front-end] ESLint + Prettier 세팅하기

WDMA의 SPA를 만들기 앞서 프론트엔드 개발에 맞는 ESLINT-Prettier 세팅에 대해 간략히 정리하고자 한다.프론트엔드에선 리액트 컴포넌트나 리덕스의 상태관리 구조가 복잡하고 휴먼에러를 발생시킬 여지가 많다고 판단하여 airbnb 설정을 이용하여 다소 빡세게

2020년 5월 20일
·
0개의 댓글
post-thumbnail

github blog 생성하기 (feat. gatsby)

github blog 이전에 슬쩍 만들어둔 깃헙 블로그를 쓰지 않고 방치하고 있었는데, 쉬는 동안 블로그 스킨도 바꿔보고 어떻게 사용하는 건지 찬찬히 살펴보려 한다. create repository 먼저 깃헙 블로그를 위해 레포지토리를 생성했다. 레포지토리명은 아이디

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

[Back-end] ESLint, Prettier 설정하기

본격적으로 개발을 진행하기에 앞서 그 동안 막연히 사용하였던 ESLint와 Prettier 함께 이용하는 개발환경 세팅을 백엔드와 프론트엔드로 나누어 다뤄 보고자 한다.ESLint는 JavaScript를 위한 정적 검사 Tool이다. 코드를 실행하기 전에 버그를 찾거나

2020년 4월 26일
·
0개의 댓글
post-thumbnail

[Next.js] 프로젝트 기초 세팅하기 - ESLint, Prettier 는 필수!

Next.js 프로젝트에서 ESLint, Prettier 설정하기. ESLint Airbnb config 적용하기.

2020년 4월 24일
·
4개의 댓글
post-thumbnail

VSCode에서 ESLint와 Prettier (+ TypeScript) 사용하기

VSCode 환경에서 ESLint와 Prettier를 TypeScript를 사용하는 프로젝트에 활용하기 위해 설정하는 방법을 알아봅니다.

2020년 4월 13일
·
2개의 댓글

CRA TypeScript - ESLint, Prettier Settings

Setup ESLint, Prettier

2020년 3월 26일
·
0개의 댓글