참고 오픈소스: https://github.com/hello-pangea/dnd
@hello-pangea/dnd 라이브러리라고 파일 드래그앤 드롭을 지원하는 오픈소스 라이브러리를 참고하였습니다.
(영어 템플릿인데 한글로 번역하였습니다.)
---
name: Bug report
about: 버그, 문서 누락, 예상치 못한 동작에 사용합니다.
title: ""
labels: bug
assignees: ""
---
## 일반적인 문제 설정 가이드
일반적인 설정 문제를 해결하는 데 도움이 되는 가이드를 만들었습니다.
[일반적인 설정 문제 가이드](https://github.com/hello-pangea/dnd/blob/main/docs/guides/common-setup-issues.md)
## 콘솔 확인
개발 빌드에서 일반적인 설정 문제에 대한 경고를 콘솔에 기록합니다. 문제를 해결하는 데 도움이 될 수 있으니 콘솔을 확인해 보세요.
## rfd를 처음 사용하시나요?
`@hello-pangea/dnd`를 처음 사용하는 경우, [시작 가이드 코스](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)를 확인하는 것이 좋습니다. (이 코스는 [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)를 사용합니다.)
이 코스는 모든 것이 어떻게 구성되는지에 대한 기본적인 이해를 돕습니다. 종종 이 과정이 문제를 해결하는 데 가장 큰 도움이 될 수 있습니다.
## 중복된 이슈
기능 요청이나 버그 보고를 하기 전에, 유사한 이슈가 있는지 열려 있는 이슈와 닫힌 이슈를 검색해 보세요. 유사한 이슈를 찾으면, 해당 이슈에 반응(예: 👍)을 추가하여 중요성을 나타낼 수 있습니다.
[열린 이슈와 닫힌 이슈 보기](https://github.com/hello-pangea/dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclosed%20is%3Aissue%20)
---
### 예상되는 동작
### 실제 동작
### 재현 방법
### 해결 방법 제안?
<!--
해결 방법에 대한 아이디어가 있으신가요?
없어도 괜찮습니다!
-->
### 사용 중인 `React` 버전은 무엇인가요?
<!--
package.json을 확인해 보세요.
우리의 peer dependency 버전을 충족하는지 확인하세요 - package.json을 참조하세요. (현재 "^16.8.0"입니다)
-->
### 사용 중인 `@hello-pangea/dnd` 버전은 무엇인가요?
<!--
최신 버전에 영향을 미치는 문제만 살펴봅니다. 이전 버전에 대한 수정 사항은 현재 배포되지 않습니다.
-->
### 사용 중인 브라우저는 무엇인가요?
<!--
지원되는 브라우저 매트릭스를 참고하세요: https://confluence.atlassian.com/cloud/supported-browsers-744721663.html
지원되지 않는 버전에서 발생한 버그는 수정하지 않습니다.
-->
### 데모
<!--
문제를 보여줄 예제를 제공해 주세요. 시작하는 데 도움이 되는 보일러플레이트가 있습니다:
https://codesandbox.io/s/k260nyxq9v
코드 블록이 너무 길면 디버깅이 어려울 수 있습니다.
시각적인 버그인 경우, 비디오나 gif를 제공해 주세요.
데모가 없는 이슈는 조사되지 않을 수 있습니다.
-->
---
## 참고: 오래된 이슈는 삭제됩니다
관리자가 이슈에 대한 질문을 하고 합리적인 시간 내에 응답이 없으면 해당 이슈는 닫힙니다. 우리는 이것이 일어나지 않기를 바라지만, 오래된 이슈가 누적되는 것도 원치 않습니다.
Config
이 부분이 실제로 버그 리포팅하는 사람에게 보이게 되는 섹션입니다.
---
name: Bug report
about: 버그, 문서 누락, 예상치 못한 동작에 사용합니다.
title: ""
labels: bug
assignees: ""
---
깃허브 이슈 탭에 들어가서 이슈 생성하기를 눌렀을때 "about"에 해당하는 내용이 나타나게 됩니다.
대부분 Bug report라는 이름으로 작성하는데, 좀 더 포괄적으로 문서에 누락된 내용이나 예상 외 동작에도 리포팅할 수 있도록 추가 설명을 써놓을 수 있습니다.
labels는 깃헙 레포에서 관리하는 라벨이 지정됩니다. 해당 라벨이 없으면 무시됩니다.
assignees는 이슈 관리할 할당자를 의미합니다. 메인테이너를 지정하거나 빈 칸으로 둘 수 있습니다.
전반적인 가이드
## 일반적인 문제 설정 가이드
일반적인 설정 문제를 해결하는 데 도움이 되는 가이드를 만들었습니다.
[일반적인 설정 문제 가이드](https://github.com/hello-pangea/dnd/blob/main/docs/guides/common-setup-issues.md)
## 콘솔 확인
개발 빌드에서 일반적인 설정 문제에 대한 경고를 콘솔에 기록합니다. 문제를 해결하는 데 도움이 될 수 있으니 콘솔을 확인해 보세요.
## rfd를 처음 사용하시나요?
`@hello-pangea/dnd`를 처음 사용하는 경우, [시작 가이드 코스](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)를 확인하는 것이 좋습니다. (이 코스는 [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)를 사용합니다.)
이 코스는 모든 것이 어떻게 구성되는지에 대한 기본적인 이해를 돕습니다. 종종 이 과정이 문제를 해결하는 데 가장 큰 도움이 될 수 있습니다.
## 중복된 이슈
기능 요청이나 버그 보고를 하기 전에, 유사한 이슈가 있는지 열려 있는 이슈와 닫힌 이슈를 검색해 보세요. 유사한 이슈를 찾으면, 해당 이슈에 반응(예: 👍)을 추가하여 중요성을 나타낼 수 있습니다.
[열린 이슈와 닫힌 이슈 보기](https://github.com/hello-pangea/dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclosed%20is%3Aissue%20)
프로젝트의 규모가 크고 불특정 다수가 리포팅하다보니 흔한 이슈나 콘솔확인했냐는 사전 점검, 초보자 가이드 코스, 이슈 중복 확인을 하라고 안내됩니다.
저는 사내 라이브러리에 적용하기 위해 찾아본 레퍼런스이다보니
사용자가 많지 않고 바로 본론으로 들어가기 위해 대부분 삭제하고, 이슈탭 활성화를 위해 중복된 이슈
만 주석으로 변경하여 살려두었습니다.
주석 처리하면 이슈를 작성하는 개발자는 확인할 수 있어, 이슈 작성시에 한번 더 리마인드가 가능합니다.
(주석 처리는 <!-- -->
마크다운 문법을 의미합니다.)
이슈 작성
실제 이슈를 기술하기 위한 부분입니다.
제일 위의 예상 동작, 실제 동작이 메인입니다.
해결 방법 제안 부분은 아이디어가 있으면 가볍게 제안해주었으면 하는 의도로 주석을 살려두었습니다.
디버깅 시, 사용 중인 버전도 필요하여 살려두었습니다. 혹시 이미 패치된 이슈인데 lastest 버전을 쓰지 않아서 발생하는 이슈일 수 있어 중요합니다.
### 예상되는 동작
### 실제 동작
### 재현 방법
### 해결 방법 제안?
<!--
해결 방법에 대한 아이디어가 있으신가요?
없어도 괜찮습니다!
-->
### 사용 중인 `React` 버전은 무엇인가요?
<!--
package.json을 확인해 보세요.
우리의 peer dependency 버전을 충족하는지 확인하세요 - package.json을 참조하세요. (현재 "^16.8.0"입니다)
-->
### 사용 중인 `@hello-pangea/dnd` 버전은 무엇인가요?
<!--
최신 버전에 영향을 미치는 문제만 살펴봅니다. 이전 버전에 대한 수정 사항은 현재 배포되지 않습니다.
-->
데모
프로젝트 성격에 따라 필요없을 수 있습니다.
저는 사내 디자인 시스템 운영에 필요하므로 시각자료가 자주 필요해서 살려두었습니다. (보일러플레이트는 제외..)
### 데모
<!--
문제를 보여줄 예제를 제공해 주세요. 시작하는 데 도움이 되는 보일러플레이트가 있습니다:
https://codesandbox.io/s/k260nyxq9v
코드 블록이 너무 길면 디버깅이 어려울 수 있습니다.
시각적인 버그인 경우, 비디오나 gif를 제공해 주세요.
데모가 없는 이슈는 조사되지 않을 수 있습니다.
-->
'Web Development' 카테고리의 다른 글
Next.js v12.0 점진적으로 개편하기(Feat. 도커이미지 95% 경량화) (0) | 2024.10.27 |
---|---|
퇴사 부검 ⚰️ (4) | 2024.09.30 |
Github PR, Issue 템플릿에서 주석달기 (개발자에게만 보이고 실제 pr, issue에는 안보이도록 만들기) (0) | 2024.08.20 |
[AWS elastic beanstalk] postgresql, redis 설치하기(feat. GPT 드리븐 디벨롭먼트) (0) | 2024.08.05 |
[읽어줘] 한국어 TTS API 서비스 비교 분석 - 서비스 기획(1) (4) | 2024.05.29 |