COVID-19 웹사이트에 기여하기

최근에 COVID-19에 대해 뭔가 기여하고 싶었기 때문에 도움이 필요한 것처럼 보이는 웹사이트를 찾았습니다. NIT Jamshedpur(잠셰드푸르 국립 공과대학)의 인도 학생

내가 기여한 repo는 https://github.com/Mustafiz04/Covid-19-website

또는: https://covid-19-website.herokuapp.com

내가 고칠 수 있거나 만들 수 있는 것을 찾기 위해 웹사이트를 탐색하는 동안 처음 알아차린 것은 홈페이지가 아닌 페이지에서 '정보', '증상' 및 '예방' 링크를 클릭했을 때 경로를 올바르게 지정하지 마십시오. 문제: https://github.com/Mustafiz04/Covid-19-website/issues/2

코드를 살펴보면 링크에 대한 href가 실제로 홈 페이지로 다시 라우팅되지 않는 '#'을 사용하고 있다는 것을 빨리 깨달았습니다. 수정은 간단했습니다. 웹사이트의 루트로 돌아가도록 앞에 '/'를 추가하기만 하면 됩니다.

그러나 이것이 버그를 찾고 수정하는 데 약 10분 정도밖에 걸리지 않았다는 점을 고려하면 내가 할 수 있는 다른 일이 있어야 한다고 생각했습니다.

분명히 웹 사이트 제작자는 홈 페이지에서 철자 오류와 문법 오류를 볼 수 있기 때문에 인도를 모국어로 사용하는 것 같습니다. 나는 그를 위해 그들을 고칠 것이라고 결정했습니다. 생각보다 시간이 많이 걸리더군요...

https://github.com/Mustafiz04/Covid-19-website/issues/6

이 외에도 바닥글이 바닥에 첨부되지 않은 '기부' 경로에서 또 다른 버그를 찾았습니다.

position: absolute,
bottom: 0

그러나 문제는 그가 일반 CSS 파일을 사용하고 있었기 때문에 다음으로 "인라인 CSS 속성을 추가하지 않는 이유가 무엇입니까?"라고 물을 수 있습니다. 이 풀 리퀘스트는 내 과제와 별개입니다. 원래 개발자는 EJS( https://ejs.co/ )라는 것을 사용하고 있었습니다. 나는 EJS로 작업한 적이 없지만 그것은 거의 handlebars.js와 같은 템플릿 시스템처럼 보였습니다.

원래는 특정 EJS 문제에 대한 수정 사항을 찾으려고 했으나 실제로는 기본 EJS를 거의 배우는 것으로 나타났습니다.

문서를 살펴본 후 EJS를 얼마나 오래 배우고 배웠는지 모르지만 여전히 특수 속성을 추가할 수 없다는 것을 알았으므로 대신 바닥글을 뷰포트의 맨 아래로 밀어내는 페이지의 .donation 클래스를 늘렸습니다. 수정 사항은 2160 미만의 모든 모니터에 적용되며 이는 기본적으로 4k 이하를 수정함을 의미합니다. (어쨌든 현재 8k를 넘는 모니터는 많지 않습니다)

마이 투 풀: https://github.com/Mustafiz04/Covid-19-website/pull/5 , https://github.com/Mustafiz04/Covid-19-website/pull/7

TLDR; 나는 Covid-19 앱에 기여하게 되었고 EJS에 대해 배웠습니다