{"id":44205517,"url":"https://github.com/dev-goraebap/dev-goreabap-lab","last_synced_at":"2026-02-09T22:35:17.043Z","repository":{"id":313028019,"uuid":"1048390048","full_name":"dev-goraebap/dev-goreabap-lab","owner":"dev-goraebap","description":"몰랐던 내용 정리, 코드 실험실 👾","archived":false,"fork":false,"pushed_at":"2025-09-03T12:26:29.000Z","size":155,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"develop","last_synced_at":"2025-09-03T14:31:40.676Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dev-goraebap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-01T11:20:25.000Z","updated_at":"2025-09-03T12:26:34.000Z","dependencies_parsed_at":"2025-09-03T14:32:51.226Z","dependency_job_id":"5c5da1b4-9e06-45f2-ab4a-f78ce3388710","html_url":"https://github.com/dev-goraebap/dev-goreabap-lab","commit_stats":null,"previous_names":["dev-goraebap/dev-goreabap-lab"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/dev-goraebap/dev-goreabap-lab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-goraebap%2Fdev-goreabap-lab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-goraebap%2Fdev-goreabap-lab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-goraebap%2Fdev-goreabap-lab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-goraebap%2Fdev-goreabap-lab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-goraebap","download_url":"https://codeload.github.com/dev-goraebap/dev-goreabap-lab/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-goraebap%2Fdev-goreabap-lab/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29283753,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T21:57:15.303Z","status":"ssl_error","status_checked_at":"2026-02-09T21:57:11.537Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-02-09T22:35:16.677Z","updated_at":"2026-02-09T22:35:17.029Z","avatar_url":"https://github.com/dev-goraebap.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Prettier \u0026 ESLint 설정 가이드\n\n### Prettier란?\n\nPrettier는 **코드 포맷터(code formatter)**입니다. 코드를 일관된 스타일로 자동 포맷팅해주는 도구입니다.\n\n**주요 특징:**\n- JavaScript, TypeScript, CSS, HTML, JSON, Markdown 등 다양한 언어 지원\n- 세미콜론, 들여쓰기, 따옴표 스타일 등을 자동으로 통일\n- **Opinionated**: 최소한의 설정으로 일관된 코드 스타일 제공\n- 팀 협업 시 코드 스타일 논쟁 제거\n\n### 줄바꿈 문자 문제 (CRLF vs LF)\n\n**문제 상황:**\nWindows에서 개발할 때 `Delete '␍'eslint(prettier/prettier)` 에러가 발생할 수 있습니다.\n\n**원인:**\n- **Windows**: CRLF (`\\r\\n`) 사용\n- **Unix/Mac**: LF (`\\n`) 사용\n- 프로젝트 설정이 LF를 선호하는데 Windows에서 CRLF가 들어가서 충돌\n\n### Git 설정으로 해결\n\n**1. Git 줄바꿈 자동 변환 설정:**\n```bash\ngit config --global core.autocrlf true\n```\n\n**동작 방식:**\n- **체크아웃 시**: LF → CRLF 변환 (저장소에서 Windows 작업 디렉터리로)\n- **커밋 시**: CRLF → LF 변환 (Windows 작업 디렉터리에서 저장소로)\n\n**2. 기존 파일들 정규화:**\n```bash\ngit add --renormalize .\n```\n\n### VS Code 환경에서의 도구들\n\n#### 1. VS Code Prettier 확장\n- **역할**: 파일 저장 시 자동 포맷팅\n- **설정**: `.prettierrc` 파일을 읽어서 스타일 적용\n- **특징**: 조용히 포맷팅만 수행, 에러 표시 안함\n\n#### 2. VS Code ESLint 확장\n- **역할**: 실시간 코드 품질 검사\n- **설정**: `eslint.config.mjs` 파일 기반\n- **특징**: 빨간 밑줄로 에러/경고 표시\n\n#### 3. eslint-plugin-prettier\n- **역할**: Prettier 규칙을 ESLint 에러로 변환\n- **기능**: 실시간으로 포맷팅 규칙 위반 감지 및 표시\n- **장점**: 팀 전체 코드 스타일 강제, 실시간 피드백\n- **단점**: Git/OS 줄바꿈 설정과 충돌 가능\n\n### 문제 해결 방법들\n\n#### 방법 1: Git 정규화 (권장)\n```bash\ngit reset                    # 스테이지 취소\ngit add --renormalize .      # 정규화하면서 다시 스테이지\n```\n\n#### 방법 2: VS Code에서 일괄 변환\n1. `Ctrl+Shift+P` → \"Change All End of Line Sequence\"\n2. \"LF\" 선택하여 전체 프로젝트 파일 변환\n\n#### 방법 3: Prettier 설정 조정\n`.prettierrc`에 추가:\n```json\n{\n  \"endOfLine\": \"auto\"\n}\n```\n\n### 각 도구의 역할 정리\n\n| 도구 | 역할 | 동작 시점 | 에러 표시 |\n|------|------|-----------|-----------|\n| **VS Code Prettier 확장** | 코드 포맷팅 실행 | 저장 시 or 수동 실행 | ❌ |\n| **ESLint VS Code 확장** | 코드 품질 검사 | 실시간 | ✅ |\n| **eslint-plugin-prettier** | Prettier 규칙을 ESLint로 통합 | 실시간 | ✅ |\n\n**요약:**\n- **VS Code Prettier**: \"포맷팅 실행자\"  \n- **ESLint + eslint-plugin-prettier**: \"포맷팅 감시자\"\n\n### 권장 설정\n\n1. **Git 전역 설정**: `git config --global core.autocrlf true`\n2. **프로젝트 정규화**: `git add --renormalize .`\n3. **eslint-plugin-prettier 유지**: 팀 협업을 위한 코드 스타일 강제\n4. **VS Code 자동 저장 포맷팅 활성화**: 개발 생산성 향상\n\n## License\n\nNest is [MIT licensed](https://github.com/nestjs/nest/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-goraebap%2Fdev-goreabap-lab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-goraebap%2Fdev-goreabap-lab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-goraebap%2Fdev-goreabap-lab/lists"}