2024.03.15(금)

🌐오픈소스

• 누구나 자유롭게 접근하고, 수정하고, 배포할 수 있는 소스코드
• 집단지성 결과물!
• 💡오픈소스, 오픈소스 라이선스, 기여와 관련해서 TIL Day 57~61 참고

📄문서 기여해보기

🔍적절한 오픈소스 문서(Docs) 찾아보기

• 평소 자주 쓰던 라이브러리 혹은 프레임워크의 문서 찾아보기(ex. node.js, react.js 등)
• 위키 성격의 문서 서비스 기여(ex. MDN Web Docs, 모던 자바스크립트 튜토리얼 등)
• 번역 기여, 오역 개선 등 쉬운 기여부터 지식 기여 등 본인에게 맞는 적절한 난이도 선택

📚MDN Web Docs 기여

• MDN(Mozilla Developer Network) Web Docs

  다양한 웹 개발 자료를 담고 있는 개발자 커뮤니티 사이트

  • https://github.com/mdn/translated-content/issues/827
  • https://github.com/mdn/translated-content/tree/main/docs/ko

• 기여 준비 (사전에 설치해야 할 프로그램 목록)

  • Git
  • Node.js
  • Yarn (npm으로 설치)
  • VSCode

• 문서 저장소 두 곳에 대해 Fork & Clone

  • https://github.com/mdn/content: 원문 자료
  • https://github.com/mdn/translated-content: 번역 자료

  git clone https://github.com/[본인 github ID]/content
  git clone https://github.com/[본인 github ID]/translated-content

• translated-content 폴더에서 branch 생성

  • cd translated-content
  • git switch -c [comment]

  

• content 폴더에 .env 파일 생성

  .
  ├── translated-content
  ├── content
  |   ├── .github
  |   ├── files
  |   ├── pr-lint
  |   ├── rfcs
  |   └── scripts
  |   └── .editorconfig
  |   └── .env       <==== content 폴더 내부에 만들어준다.
  |   ├── ...
  └── ...

  • .env 파일에 다음과 같이 작성

    CONTENT_TRANSLATED_ROOT=/[프로젝트 파일 경로]/translated-content/files
    EDITOR=code

• content 폴더에서 yarn 실행

  yarn install
  yarn start

  • http://localhost:5042/ko/ 접속

• content 폴더에 존재하는 원문 문서 위치를 참고해 translated-content 폴더의 동일한 위치에 존재하는 파일(없으면 생성)을 수정

• 변경 사항 commit & fork된 translated-content repo로 push

• PR 생성

clearInterval에 대한 한국어 번역을 작성했다!
Contributors list에 추가되었다!!😎