Skip to content

Commit

Permalink
Docs [React] React의 Components Elements 기반 동작 원리 포스팅
Browse files Browse the repository at this point in the history
  • Loading branch information
BoubleJ committed Oct 7, 2024
1 parent 68c542e commit 9a58f45
Show file tree
Hide file tree
Showing 3 changed files with 386 additions and 15 deletions.
3 changes: 2 additions & 1 deletion contents/[Javascript] nullish 병합 연산자.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
---
date: "2024-09-28"
title: "[Javascript] nullish 병합 연산자"
categories: ["Javascript", "??", "nullish", "병합 연산자", "truthy", "ES6"]
categories:
["Javascript", "??연산자", "nullish", "병합 연산자", "truthy", "ES6"]
summary: "nullish 병합 연산자 ?? 문법을 알아봅시다."
thumbnail: "./병합연산자.png"
---
Expand Down
21 changes: 7 additions & 14 deletions contents/[Prettier] prettier LF, CRLF 이슈.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
date: "2024-10-01"
title: "[Prettier] prettier LF, CRLF 이슈"
categories: ["Prettier", "LF","CRLF","ESLint",".eslint.json",]
categories: ["Prettier", "LF", "CRLF", "ESLint"]
summary: "error delete `␍` prettier/prettier 이슈를 해결해봅시다."
thumbnail: "./prettier에러.png"
---
Expand All @@ -16,16 +16,16 @@ ESLint에서 오류가 발생했습니다.

# 원인

`delete ␍ prettier/prettier` 에러는 Prettier가 코드 내에서 줄 끝(Line Ending) 스타일에 문제가 있다고 판단한겁니다.
`delete ␍ prettier/prettier` 에러는 Prettier가 코드 내에서 줄 끝(Line Ending) 스타일에 문제가 있다고 판단한겁니다.

운영체제 마다 사용하는 줄끝 스타일에 차이가 있는데

- Unix/Linux : Line Feed (LF)
- Windows : Carriage Return (CR)

다음과 같습니다.
다음과 같습니다.

때문에
때문에

`delete ␍ prettier/prettier` 에러는 줄끝 스타일을 `Carriage Return (CR)`로 하지말고 `Line Feed (LF)`으로 설정하라는 의미입니다.

Expand All @@ -39,16 +39,15 @@ ESLint에서 오류가 발생했습니다.

줄끝 스타일을 LF로 변경해주면 됩니다.

하지만 이 방법은 현재 선택한 파일 줄끝스타일만 변경하기 때문에 프로젝트 내 존재하는 모든 파일들의 줄끝 스타일을 일일히 변경해야하는 번거로움이 있습니다.
하지만 이 방법은 현재 선택한 파일 줄끝스타일만 변경하기 때문에 프로젝트 내 존재하는 모든 파일들의 줄끝 스타일을 일일히 변경해야하는 번거로움이 있습니다.

즉 아주 비효율적인 방법이죠.

# 진짜 해결방법

근본적인 원인인 ESLint 자체에서 수정을 해주는 방법으로 문제를 해결해 보겠습니다.

`.eslint.json(.esLint.js)` 파일을 열어 아래 코드를 추가해주면 됩니다.

`.eslint.json(.esLint.js)` 파일을 열어 아래 코드를 추가해주면 됩니다.

```js
"rules": {
Expand All @@ -59,18 +58,12 @@ ESLint에서 오류가 발생했습니다.
},
],
},
```




```

<br>
<br>
<br>



<details>

<summary>출처</summary>
Expand Down
Loading

0 comments on commit 9a58f45

Please sign in to comment.