React projects for beginners

초보자 저장소를위한 React Project

초보자 저장소를위한 React 프로젝트에 오신 것을 환영합니다! 이곳은 초보자에게 REACT JS 오픈 소스 프로젝트에 기여하는 것에 대한 열정을 가진 초보자에게 특별한 장소입니다. (85 ++ 프로젝트)

참고#1 : 프로젝트를주의 깊게 확인하십시오. 오류가 없어야합니다. 검토자가 요청한 오류가 "유효하지 않은"오류를 발견하면 프로젝트를 검토합니다.

참고#2 : REPO의 루트 폴더에 'Projects.js'파일에 프로젝트를 나열하는 것을 잊지 마십시오. 프로젝트의 데모 링크를 추가 할 수도 있습니다 (있는 경우)

참고 #3 : Repo-Size Management Guidelines를 읽으십시오.

설명

이 저장소는 React JS를 마스터하기 위해 여행 중이며 Hacktoberfest에 기여하려는 초보자 참가자를위한 React 프로젝트 플랫폼 역할을합니다. 이곳은 미니 프로젝트를 공유하고 다른 사람들로부터 배우고 오픈 소스 커뮤니티의 성장에 기여할 수있는 곳입니다.

간단한 계산기, 할 일 목록 또는 날씨 앱을 구축하든 여기에서 기여를 환영합니다. 이 저장소의 주요 목표는 반응 및 오픈 소스 기부금을 처음 접하는 개발자 간의 학습 및 협업을 장려하는 것입니다.

Hacktoberfest는 무엇입니까?

Hacktoberfest는 DigitalOcean이 운영하는 오픈 소스 소프트웨어를 한 달 동안 축하합니다. 글로벌 커뮤니티의 모든 사람들에게 개방되어 있습니다. 개발자, 코드를 배우는 학생, 이벤트 호스트 또는 모든 규모의 회사이든, 오픈 소스의 성장을 주도하고 끊임없이 성장하는 커뮤니티에 긍정적 인 기여를 할 수 있습니다. 모든 배경과 기술 수준은 도전을 완료하도록 권장됩니다. Hacktoberfest 정보를 보려면 여기를 클릭하십시오

기여 과정

1. Fork : Fork이 Github 리포지토는 자신의 Github 계정에 대한이 github repo를 자신의 Github 계정으로 가져옵니다. 2. 복제 : 포크 레포지기 (계정에있는 Repo Present)를 로컬 컴퓨터에 복제하십시오 (알림 : 저장소 저장을 원하는 디렉토리에 있는지 확인하십시오).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. 새 지점을 생성하십시오

git checkout -b my-new-branch

4. 변경 : 새 지점을 만들고 해당 지점에서 변경 사항을 커밋하십시오. 5. 추가 및 커밋

• 변경 사항을 추가하십시오

git add .

• 당신의 변화를 저지르십시오. (알림 : 관련 메시지에 변경 사항을 이해하는 데 필요한 세부 사항이 포함되어 있는지 확인하십시오.

git commit -m "Relevant message"

6. 푸시 : 모든 변경 사항이 저지 후 변경 사항을 원격 저장소로 밀어 넣으십시오.

git push origin my-new-branch

7. PR : 변경 사항을 추진 한 후 원격 리포지트 에서이 리포지트의 Dev Branch로 PR을 올리십시오 (알림 : 요청의 주요 주제를 이해하기 위해 PR을 적절하게 제목으로 확인하십시오).

이 저장소에 참여함으로써 오픈 소스에 기여할뿐만 아니라 React JS의 기술을 향상시킬 수 있습니다. 이 Hacktoberfest에서 학습을 재미 있고 대화식으로 만들어 보자! 행복한 코딩과 행복한 Hacktoberfest!

기여 지침

풀 요청을하기 전에 기여 가이드 라인을 따르십시오. 품질 기여는 오픈 소스 커뮤니티를 배우고, 영감을주고, 창조 할 수있는 놀라운 장소입니다.

Contributing.md 파일에서 전체 가이드 라인 목록을 찾으십시오.

리포 사이즈 관리 지침

이 저장소는 여러 프로젝트를 호스팅하고 성능과 효율적인 관리를 원활하게 보장하기 위해 다음 지침을 따라야합니다.

1. 프로젝트 크기 제한

• 각 개별 프로젝트 폴더는 15MB를 초과해서는 안됩니다 .
• 추가 자산이나 데이터로 인해 프로젝트에 더 많은 공간이 필요한 경우 코드를 리팩토링하거나 별도의 위치 (예 : 클라우드 스토리지 또는 GitHub 페이지)에 외부 파일을 저장하는 것을 고려하십시오.

2. 파일 조직

• 프로젝트는 루트 디렉토리 아래에 명확하게 레이블이 붙은 폴더로 구성되어야합니다.
• 폴더 구조 Project_name1/ 간단하게 유지하십시오 Project_name2/

3. 큰 이진 파일을 피하십시오

• 대형 이진 파일 (예 : 비디오, 고해상도 이미지, 컴파일 된 실행 파일)을 저장소에 직접 커밋 하지 마십시오 .
• 100MB 보다 큰 파일에 GIT LFS (대형 파일 스토리지)를 사용하거나 저장소 외부에 큰 자산을 저장하고 연결하는 것을 고려하십시오.

4. 외부 라이브러리를 최소화합니다

• 무거운 타사 라이브러리 또는 외부 종속성 사용을 최소화하십시오.
• .gitignore 파일을 사용하여 불필요한 또는자가 생성 된 파일 (예 : node_modules/ , build/ 등)을 제외하십시오.

5. 정기적 인 정리

• 불필요한 파일 (예 : 로그, 임시 파일)을 정기적으로 정리하십시오.
• 저장소에서 구식 또는 미사용 코드, 자산 또는 프로젝트를 제거하십시오.

6. 자산 압축

• 이미지 압축 : TinypNG, ImageOptim 또는 Squoosh와 같은 도구를 사용하여 이미지를 커밋하기 전에 이미지 (PNG, JPEG 등)를 압축합니다.
  • 웹 이미지의 경우 : Webp 와 같은 적절한 형식을 사용하여 품질을 손상시키지 않고 크기를 크게 줄입니다.
• 한계 해상도 : 고해상도 이미지를 불필요하게 사용하지 마십시오. 대부분의 React 프로젝트의 경우 웹에 72 DPI (인치당 도트)의 해상도가 충분합니다.
• SVG 사용법 : 벡터 그래픽에 가능할 때마다 SVG 파일을 사용하여 확장 가능하고 가볍습니다.
• 파일 크기를 줄이기 위해 저장소에 추가하기 전에 무손실 압축 도구를 사용하여 PDF 및 오디오 파일과 같은 다른 자산을 압축하십시오.

7. 성능을위한 코드 최적화

• 번들 및 최소화 : 프로젝트 설정이 WebPack 또는 Vite와 같은 도구를 사용하여 JavaScript 및 CSS 파일을 번들로 만들고 미정화하는지 확인하십시오. 이렇게하면 파일 크기가 줄어들고로드 시간 속도를 높입니다.
• 트리 흔들림 : 타사 라이브러리를 사용할 때는 사용되지 않은 코드를 번들링하지 않도록 필요한 부품 (트리 쉐이킹) 만 가져와야합니다.
  • 예를 들어, '라이브러리'의 import * as Library from 'library' import { Button } from 'library' 선호합니다.

8. 버전 및 역사 관리

• 불필요한 파일의 자주 커밋을 피함으로써 커밋 역사를 깨끗하게 유지하십시오.
• 의미 있고 간결한 커밋 메시지를 사용하십시오.
• 시간이 지남에 따라 프로젝트가 너무 커지면 별도의 저장소로 분할하십시오.

9. 기여

• 기고자의 경우 프로젝트 크기 제한을 준수하십시오. 문제 나 풀 요청을 통해 큰 기여를 논의해야합니다.
• 제출하기 전에 모든 기여가 크기와 성능에 최적화되도록하십시오.

행동 강령

이 프로젝트는 hacktoberfest 값과 기고자 언약 코드 ↗를 준수합니다. 참여 함으로써이 코드를지지해야합니다. Addtiona 에서이 프로젝트

특허

이 저장소는 MIT 라이센스에 따라 라이센스가 부여됩니다.

MIT 라이센스와 DONT의 요약 :

DO : CORMENCE에서 코드를 사용하십시오. 예를 들어, 회사는 원래 오픈 소스 코드의 전부 또는 일부를 포함하는 독점 소프트웨어를 작성한 다음 해당 소프트웨어에 대한 비용을 청구 할 수 있습니다. 코드 수정 : 즉, 개발자는 원하는대로 코드를 변경/업데이트 할 수 있습니다. 코드의 사본 및 모든 수정 사항 배포 : 원래 저작권 통지 및 라이센스 자체가 포함 된 한 조직은 사본 또는 수정 된 버전의 코드를 배포하고 판매 할 수 있습니다. Subricense The Code : 이는 원래 코드를 더 엄격한 라이센스로 수정에 통합 할 수 있음을 의미합니다.

Dont 's : Code 작성자를 법적으로 책임을지는 이유는 어떤 이유로 든 법적으로 책임이 없습니다. 코드 버전에서 저작권 통지 및 원본 라이센스를 삭제할 수 없습니다.

기여를 시작하고 오픈 소스 커뮤니티를 모든 사람에게 더 나은 곳으로 만들어 봅시다!

초보자 저장소를위한 React Project

초보자 저장소를위한 React 프로젝트에 오신 것을 환영합니다! 이곳은 React JS를 사용하여 오픈 소스 프로젝트에 기여하고 오픈 소스 프로젝트에 기여하는 초보자를위한 특별한 장소입니다. 현재 Hacktoberfest!

참고#1 : 프로젝트를주의 깊게 확인하십시오. 오류가 없어야합니다. 검토자가 요청한 오류가 "유효하지 않은"오류를 발견하면 프로젝트를 검토합니다.

참고#2 : REPO의 루트 폴더에 'Projects.js'파일에 프로젝트를 나열하는 것을 잊지 마십시오. 프로젝트의 데모 링크를 추가 할 수도 있습니다 (있는 경우)

참고#3 : [repo-size 관리 가이드 라인] (https://github.com/ianshulx/react-projects-for-beginners/blob/main/repo_size_guidelines를 읽으십시오).

설명

이 저장소는 React JS를 마스터하기 위해 여행 중이며 Hacktoberfest에 기여하려는 초보자 참가자를위한 React 프로젝트 플랫폼 역할을합니다. 이곳은 미니 프로젝트를 공유하고 다른 사람들로부터 배우고 오픈 소스 커뮤니티의 성장에 기여할 수있는 곳입니다.

간단한 계산기, 할 일 목록 또는 날씨 앱을 구축하든 여기에서 기여를 환영합니다. 이 저장소의 주요 목표는 반응 및 오픈 소스 기부금을 처음 접하는 개발자 간의 학습 및 협업을 장려하는 것입니다.

Hacktoberfest는 무엇입니까?

Hacktoberfest는 DigitalOcean이 운영하는 오픈 소스 소프트웨어를 한 달 동안 축하합니다. 글로벌 커뮤니티의 모든 사람들에게 개방되어 있습니다. 개발자, 코드를 배우는 학생, 이벤트 호스트 또는 모든 규모의 회사이든, 오픈 소스의 성장을 주도하고 끊임없이 성장하는 커뮤니티에 긍정적 인 기여를 할 수 있습니다. 모든 배경과 기술 수준은 도전을 완료하도록 권장됩니다. Hacktoberfest 정보를 보려면 여기를 클릭하십시오

기여 과정

1. Fork : Fork이 Github 리포지토는 자신의 Github 계정에 대한이 github repo를 자신의 Github 계정으로 가져옵니다. 2. 복제 : 포크 레포지기 (계정에있는 Repo Present)를 로컬 컴퓨터에 복제하십시오 (알림 : 저장소 저장을 원하는 디렉토리에 있는지 확인하십시오).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. 새 지점을 생성하십시오

git checkout -b my-new-branch

4. 변경 : 새 지점을 만들고 해당 지점에서 변경 사항을 커밋하십시오. 5. 추가 및 커밋

• 변경 사항을 추가하십시오

git add .

• 당신의 변화를 저지르십시오. (알림 : 관련 메시지가 변경 사항을 이해하는 데 필요한 세부 사항이 포함되어 있는지 확인하십시오.

git commit -m "Relevant message"

6. 푸시 : 모든 변경 사항이 저지 후 변경 사항을 원격 저장소로 밀어 넣으십시오.

git push origin my-new-branch

7. PR : 변경 사항을 추진 한 후 원격 리포지트 에서이 리포지트의 Dev Branch로 PR을 올리십시오 (알림 : 요청의 주요 주제를 이해하기 위해 PR을 적절하게 제목으로 확인하십시오).

이 저장소에 참여함으로써 오픈 소스에 기여할뿐만 아니라 React JS의 기술을 향상시킬 수 있습니다. 이 Hacktoberfest에서 학습을 재미 있고 대화식으로 만들어 보자! 행복한 코딩과 행복한 Hacktoberfest!

기여 지침

풀 요청을하기 전에 기여 가이드 라인을 따르십시오. 품질 기여는 오픈 소스 커뮤니티를 배우고, 영감을주고, 창조 할 수있는 놀라운 장소입니다.

Contributing.md 파일에서 전체 가이드 라인 목록을 찾으십시오.

리포 사이즈 관리 지침

이 저장소는 여러 프로젝트를 호스팅하고 성능과 효율적인 관리를 원활하게 보장하기 위해 다음 지침을 따라야합니다.

1. 프로젝트 크기 제한

• 각 개별 프로젝트 폴더는 15MB를 초과해서는 안됩니다 .
• 추가 자산이나 데이터로 인해 프로젝트에 더 많은 공간이 필요한 경우 코드를 리팩토링하거나 별도의 위치 (예 : 클라우드 스토리지 또는 GitHub 페이지)에 외부 파일을 저장하는 것을 고려하십시오.

2. 파일 조직

• 프로젝트는 루트 디렉토리 아래에 명확하게 레이블이 붙은 폴더로 구성되어야합니다.
• 폴더 구조 Project_name1/ 간단하게 유지하십시오 Project_name2/

3. 큰 이진 파일을 피하십시오

• 대형 이진 파일 (예 : 비디오, 고해상도 이미지, 컴파일 된 실행 파일)을 저장소에 직접 커밋 하지 마십시오 .
• 100MB 보다 큰 파일에 GIT LFS (대형 파일 스토리지)를 사용하거나 저장소 외부에 큰 자산을 저장하고 연결하는 것을 고려하십시오.

4. 외부 라이브러리를 최소화합니다

• 무거운 타사 라이브러리 또는 외부 종속성 사용을 최소화하십시오.
• .gitignore 파일을 사용하여 불필요한 또는자가 생성 된 파일 (예 : node_modules/ , build/ 등)을 제외하십시오.

5. 정기적 인 정리

• 불필요한 파일 (예 : 로그, 임시 파일)을 정기적으로 정리하십시오.
• 저장소에서 구식 또는 미사용 코드, 자산 또는 프로젝트를 제거하십시오.

6. 자산 압축

• 이미지 압축 : TinypNG, ImageOptim 또는 Squoosh와 같은 도구를 사용하여 이미지를 커밋하기 전에 이미지 (PNG, JPEG 등)를 압축합니다.
  • 웹 이미지의 경우 : Webp 와 같은 적절한 형식을 사용하여 품질을 손상시키지 않고 크기를 크게 줄입니다.
• 한계 해상도 : 고해상도 이미지를 불필요하게 사용하지 마십시오. 대부분의 React 프로젝트의 경우 웹에 72 DPI (인치당 도트)의 해상도가 충분합니다.
• SVG 사용법 : 벡터 그래픽에 가능할 때마다 SVG 파일을 사용하여 확장 가능하고 가볍습니다.
• 파일 크기를 줄이기 위해 저장소에 추가하기 전에 무손실 압축 도구를 사용하여 PDF 및 오디오 파일과 같은 다른 자산을 압축하십시오.

7. 성능을위한 코드 최적화

• 번들 및 최소화 : 프로젝트 설정이 WebPack 또는 Vite와 같은 도구를 사용하여 JavaScript 및 CSS 파일을 번들로 만들고 미정화하는지 확인하십시오. 이렇게하면 파일 크기가 줄어들고로드 시간 속도를 높입니다.
• 트리 흔들림 : 타사 라이브러리를 사용할 때는 사용되지 않은 코드를 번들링하지 않도록 필요한 부품 (트리 쉐이킹) 만 가져와야합니다.
  • 예를 들어, '라이브러리'의 import * as Library from 'library' import { Button } from 'library' 선호합니다.

8. 버전 및 역사 관리

• 불필요한 파일의 자주 커밋을 피함으로써 커밋 역사를 깨끗하게 유지하십시오.
• 의미 있고 간결한 커밋 메시지를 사용하십시오.
• 시간이 지남에 따라 프로젝트가 너무 커지면 별도의 저장소로 분할하십시오.

9. 기여

• 기고자의 경우 프로젝트 크기 제한을 준수하십시오. 문제 나 풀 요청을 통해 큰 기여를 논의해야합니다.
• 제출하기 전에 모든 기여가 크기와 성능에 최적화되도록하십시오.

행동 강령

이 프로젝트는 hacktoberfest 값과 기고자 언약 코드 ↗를 준수합니다. 참여 함으로써이 코드를지지해야합니다. Addtiona 에서이 프로젝트

특허

이 저장소는 MIT 라이센스에 따라 라이센스가 부여됩니다.

MIT 라이센스와 DONT의 요약 :

DO : CORMENCE에서 코드를 사용하십시오. 예를 들어, 회사는 원래 오픈 소스 코드의 전부 또는 일부를 포함하는 독점 소프트웨어를 작성한 다음 해당 소프트웨어에 대한 비용을 청구 할 수 있습니다. 코드 수정 : 즉, 개발자는 원하는대로 코드를 변경/업데이트 할 수 있습니다. 코드의 사본 및 모든 수정 사항 배포 : 원래 저작권 통지 및 라이센스 자체가 포함 된 한 조직은 사본 또는 수정 된 버전의 코드를 배포하고 판매 할 수 있습니다. Subricense The Code : 이는 원래 코드를 더 엄격한 라이센스로 수정에 통합 할 수 있음을 의미합니다.

Dont 's : 코드 저자를 법적으로 책임을 질 수 없습니다. 코드 버전에서 저작권 통지 및 원본 라이센스를 삭제할 수 없습니다.

기여를 시작하고 오픈 소스 커뮤니티를 모든 사람에게 더 나은 곳으로 만들어 봅시다!

초보자 저장소를위한 React Project

초보자 저장소를위한 React 프로젝트에 오신 것을 환영합니다! 이곳은 React JS를 사용하여 오픈 소스 프로젝트에 기여하고 오픈 소스 프로젝트에 기여하는 초보자를위한 특별한 장소입니다. 현재 Hacktoberfest!

참고#1 : 프로젝트를주의 깊게 확인하십시오. 오류가 없어야합니다. 검토자가 요청한 오류가 "유효하지 않은"오류를 발견하면 프로젝트를 검토합니다.

참고#2 : REPO의 루트 폴더에 'Projects.js'파일에 프로젝트를 나열하는 것을 잊지 마십시오. 프로젝트의 데모 링크를 추가 할 수도 있습니다 (있는 경우)

참고#3 : [repo-size 관리 가이드 라인] (https://github.com/ianshulx/react-projects-for-beginners/blob/main/repo_size_guidelines를 읽으십시오).

설명

이 저장소는 React JS를 마스터하기 위해 여행 중이며 Hacktoberfest에 기여하려는 초보자 참가자를위한 React 프로젝트 플랫폼 역할을합니다. 이곳은 미니 프로젝트를 공유하고 다른 사람들로부터 배우고 오픈 소스 커뮤니티의 성장에 기여할 수있는 곳입니다.

간단한 계산기, 할 일 목록 또는 날씨 앱을 구축하든 여기에서 기여를 환영합니다. 이 저장소의 주요 목표는 반응 및 오픈 소스 기부금을 처음 접하는 개발자 간의 학습 및 협업을 장려하는 것입니다.

Hacktoberfest는 무엇입니까?

Hacktoberfest는 DigitalOcean이 운영하는 오픈 소스 소프트웨어를 한 달 동안 축하합니다. 글로벌 커뮤니티의 모든 사람들에게 개방되어 있습니다. 개발자, 코드를 배우는 학생, 이벤트 호스트 또는 모든 규모의 회사이든, 오픈 소스의 성장을 주도하고 끊임없이 성장하는 커뮤니티에 긍정적 인 기여를 할 수 있습니다. 모든 배경과 기술 수준은 도전을 완료하도록 권장됩니다. Hacktoberfest 정보를 보려면 여기를 클릭하십시오

기여 과정

1. Fork : Fork이 Github 리포지토는 자신의 Github 계정에 대한이 github repo를 자신의 Github 계정으로 가져옵니다. 2. 복제 : 포크 레포지기 (계정에있는 Repo Present)를 로컬 컴퓨터에 복제하십시오 (알림 : 저장소 저장을 원하는 디렉토리에 있는지 확인하십시오).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. 새 지점을 생성하십시오

git checkout -b my-new-branch

4. 변경 : 새 지점을 만들고 해당 지점에서 변경 사항을 커밋하십시오. 5. 추가 및 커밋

• 변경 사항을 추가하십시오

git add .

• 당신의 변화를 저지르십시오. (알림 : 관련 메시지에 변경 사항을 이해하는 데 필요한 세부 사항이 포함되어 있는지 확인하십시오.

git commit -m "Relevant message"

6. 푸시 : 모든 변경 사항이 저지 후 변경 사항을 원격 저장소로 밀어 넣으십시오.

git push origin my-new-branch

7. PR : 변경 사항을 추진 한 후 원격 리포지트 에서이 리포지트의 Dev Branch로 PR을 올리십시오 (알림 : 요청의 주요 주제를 이해하기 위해 PR을 적절하게 제목으로 확인하십시오).

이 저장소에 참여함으로써 오픈 소스에 기여할뿐만 아니라 React JS의 기술을 향상시킬 수 있습니다. 이 Hacktoberfest에서 학습을 재미 있고 대화식으로 만들어 보자! 행복한 코딩과 행복한 Hacktoberfest!

기여 지침

풀 요청을하기 전에 기여 가이드 라인을 따르십시오. 품질 기여는 오픈 소스 커뮤니티를 배우고, 영감을주고, 창조 할 수있는 놀라운 장소입니다.

Contributing.md 파일에서 전체 가이드 라인 목록을 찾으십시오.

리포 사이즈 관리 지침

이 저장소는 여러 프로젝트를 호스팅하고 성능과 효율적인 관리를 원활하게 보장하기 위해 다음 지침을 따라야합니다.

1. 프로젝트 크기 제한

• 각 개별 프로젝트 폴더는 15MB를 초과해서는 안됩니다 .
• 추가 자산이나 데이터로 인해 프로젝트에 더 많은 공간이 필요한 경우 코드를 리팩토링하거나 별도의 위치 (예 : 클라우드 스토리지 또는 GitHub 페이지)에 외부 파일을 저장하는 것을 고려하십시오.

2. 파일 조직

• 프로젝트는 루트 디렉토리 아래에 명확하게 레이블이 붙은 폴더로 구성되어야합니다.
• 폴더 구조 Project_name1/ 간단하게 유지하십시오 Project_name2/

3. 큰 이진 파일을 피하십시오

• 대형 이진 파일 (예 : 비디오, 고해상도 이미지, 컴파일 된 실행 파일)을 저장소에 직접 커밋 하지 마십시오 .
• 100MB 보다 큰 파일에 GIT LFS (대형 파일 스토리지)를 사용하거나 저장소 외부에 큰 자산을 저장하고 연결하는 것을 고려하십시오.

4. 외부 라이브러리를 최소화합니다

• 무거운 타사 라이브러리 또는 외부 종속성 사용을 최소화하십시오.
• .gitignore 파일을 사용하여 불필요한 또는자가 생성 된 파일 (예 : node_modules/ , build/ 등)을 제외하십시오.

5. 정기적 인 정리

• 불필요한 파일 (예 : 로그, 임시 파일)을 정기적으로 정리하십시오.
• 저장소에서 구식 또는 미사용 코드, 자산 또는 프로젝트를 제거하십시오.

6. 자산 압축

• 이미지 압축 : TinypNG, ImageOptim 또는 Squoosh와 같은 도구를 사용하여 이미지를 커밋하기 전에 이미지 (PNG, JPEG 등)를 압축합니다.
  • 웹 이미지의 경우 : Webp 와 같은 적절한 형식을 사용하여 품질을 손상시키지 않고 크기를 크게 줄입니다.
• 한계 해상도 : 고해상도 이미지를 불필요하게 사용하지 마십시오. 대부분의 React 프로젝트의 경우 웹에 72 DPI (인치당 도트)의 해상도가 충분합니다.
• SVG 사용법 : 벡터 그래픽에 가능할 때마다 SVG 파일을 사용하여 확장 가능하고 가볍습니다.
• 파일 크기를 줄이기 위해 저장소에 추가하기 전에 무손실 압축 도구를 사용하여 PDF 및 오디오 파일과 같은 다른 자산을 압축하십시오.

7. 성능을위한 코드 최적화

• 번들 및 최소화 : 프로젝트 설정이 WebPack 또는 Vite와 같은 도구를 사용하여 JavaScript 및 CSS 파일을 번들로 만들고 미정화하는지 확인하십시오. 이렇게하면 파일 크기가 줄어들고로드 시간 속도를 높입니다.
• 트리 흔들림 : 타사 라이브러리를 사용할 때는 사용되지 않은 코드를 번들링하지 않도록 필요한 부품 (트리 쉐이킹) 만 가져와야합니다.
  • 예를 들어, '라이브러리'의 import * as Library from 'library' import { Button } from 'library' 선호합니다.

8. 버전 및 역사 관리

• 불필요한 파일의 자주 커밋을 피함으로써 커밋 역사를 깨끗하게 유지하십시오.
• 의미 있고 간결한 커밋 메시지를 사용하십시오.
• 시간이 지남에 따라 프로젝트가 너무 커지면 별도의 저장소로 분할하십시오.

9. 기여

• 기고자의 경우 프로젝트 크기 제한을 준수하십시오. 문제 나 풀 요청을 통해 큰 기여를 논의해야합니다.
• 제출하기 전에 모든 기여가 크기와 성능에 최적화되도록하십시오.

행동 강령

이 프로젝트는 hacktoberfest 값과 기고자 언약 코드 ↗를 준수합니다. 참여 함으로써이 코드를지지해야합니다. Addtiona 에서이 프로젝트

특허

이 저장소는 MIT 라이센스에 따라 라이센스가 부여됩니다.

MIT 라이센스와 DONT의 요약 :

DO : CORMENCE에서 코드를 사용하십시오. 예를 들어, 회사는 원래 오픈 소스 코드의 전부 또는 일부를 포함하는 독점 소프트웨어를 작성한 다음 해당 소프트웨어에 대한 비용을 청구 할 수 있습니다. 코드 수정 : 즉, 개발자는 원하는대로 코드를 변경/업데이트 할 수 있습니다. 코드의 사본 및 모든 수정 사항 배포 : 원래 저작권 통지 및 라이센스 자체가 포함 된 한 조직은 사본 또는 수정 된 버전의 코드를 배포하고 판매 할 수 있습니다. Subricense The Code : 이는 원래 코드를 더 엄격한 라이센스로 수정에 통합 할 수 있음을 의미합니다.

Dont 's : Code 작성자를 법적으로 책임을지는 이유는 어떤 이유로 든 법적으로 책임이 없습니다. 코드 버전에서 저작권 통지 및 원본 라이센스를 삭제할 수 없습니다.

기여를 시작하고 오픈 소스 커뮤니티를 모든 사람에게 더 나은 곳으로 만들어 봅시다!