
이 프론트 엔드 코딩 챌린지를 확인해 주셔서 감사합니다.
Frontend Mentor Challenge는 현실적인 프로젝트를 구축하여 코딩 기술을 향상시키는 데 도움이됩니다.
이 도전을하려면 HTML, CSS 및 JavaScript에 대한 기본적인 이해가 필요합니다.
당신의 도전은이 방문 페이지를 만들고 가능한 한 디자인에 가깝게 보이게하는 것입니다.
원하는 도구를 사용하여 도전을 완료하는 데 도움이됩니다. 따라서 연습하고 싶은 것이 있다면 자유롭게 가십시오.
사용자는 다음을 수행 할 수 있어야합니다.
도전에 대한 지원을 원하십니까? 커뮤니티에 가입하고 #help 채널에서 질문하십시오.
귀하의 임무는 /design 폴더 내부의 디자인으로 프로젝트를 구축하는 것입니다. 모바일과 데스크탑 버전의 디자인을 모두 찾을 수 있습니다.
디자인은 JPG 정적 형식입니다. JPG를 사용하면 font-size , padding 및 margin 과 같은 스타일에 대한 최상의 판단을 사용해야합니다.
디자인 파일 (Sketch & Figma 버전을 제공)이 디자인을보다 자세히 검사하려면 프로 멤버로 구독 할 수 있습니다.
/images 폴더에서 필요한 모든 자산을 찾을 수 있습니다. 자산은 이미 최적화되어 있습니다.
색상 팔레트 및 글꼴과 같이 필요한 정보가 포함 된 style-guide.md 파일도 있습니다.
편안한 워크 플로우를 자유롭게 사용하십시오. 아래는 제안 된 과정이지만 다음과 같은 단계를 수행 할 필요는 없습니다.
font-family 및 font-size 와 같은 일반적인 컨텐츠 스타일을 포함하여 프로젝트의 기본 스타일을 작성하십시오.위에서 언급했듯이 프로젝트를 무료로 호스팅하는 방법에는 여러 가지가 있습니다. 권장 호스트는 다음과 같습니다.
이러한 솔루션 중 하나 또는 다른 신뢰할 수있는 제공 업체를 사용하여 사이트를 호스팅 할 수 있습니다. 추천 및 신뢰할 수있는 호스트에 대해 자세히 알아보십시오.
README.md 만듭니다 이 README.md 사용자 정의로 덮어 쓰는 것이 좋습니다. 이 스타터 코드에 README-template.md 파일 내부에 템플릿을 제공했습니다.
템플릿은 추가 할 내용에 대한 안내서를 제공합니다. 맞춤형 README 프로젝트를 설명하고 학습을 반영하는 데 도움이됩니다. 원하는만큼 템플릿을 편집하십시오.
템플릿에 정보를 추가 한 후에는이 파일을 삭제하고 README-template.md 파일의 이름을 README.md 로 바꿉니다. 그것은 당신의 저장소의 readme 파일로 표시 될 것입니다.
커뮤니티의 나머지 지역이 볼 수 있도록 플랫폼에 솔루션을 제출하십시오. 이 작업을 수행하는 방법에 대한 팁은 "솔루션 제출에 대한 완전한 안내서"를 따르십시오.
솔루션에 대한 피드백을 찾고 있다면 제출할 때 질문을하십시오. 질문에 더 구체적이고 상세할수록 커뮤니티로부터 귀중한 피드백을 얻을 가능성이 높아집니다.
솔루션을 공유 할 수있는 여러 곳이 있습니다.
플랫폼에 제출 한 후에 솔루션을 공유하는 데 도움이되는 템플릿을 제공합니다. 피드백을 찾을 때는 편집하고 구체적인 질문을 포함하십시오.
질문에 더 구체적으로할수록 커뮤니티의 다른 구성원이 피드백을 제공 할 가능성이 높습니다.
우리는 피드백을받는 것을 좋아합니다! 우리는 항상 도전과 플랫폼을 개선하려고합니다. 따라서 언급하고 싶은 것이 있으면 Hi [AT] Frontendmentor [DOT] IO에게 이메일을 보내주십시오.
이 도전은 완전히 무료입니다. 연습에 유용한 사람과 공유하십시오.
재미있는 건물 되세요!