이것은 Frontend Challenge v24.07.24, Glam Up My Markup: Recreation을 위한 제출입니다.
제작한 것
뉴욕 레크리에이션 크리켓 리그를 위한 멋진 사용자 친화적 랜딩 페이지를 개발했습니다. 이 웹사이트는 리그의 정보, 일정 및 장소를 보여줍니다. (현재는 반응형이 아닙니다)
데모
헤더 섹션
소개 섹션
참여 및 수수료 섹션
장소 섹션
일정 섹션
푸터 섹션
여정
우선, Frontend Challenge를 보았을 때 매우 기쁘게 생각했습니다. 처음 만난 랜딩 페이지였습니다. 그러나 계속 진행하면서 어떤 종류의 사이트를 구축해야 하는지 알기가 어려웠습니다. 그래서 Google을 열고 몇 가지 스포츠 팀의 공식 사이트를 검색했고, 다행히 공식 미국 크리켓 팀 페이지를 찾을 수 있었습니다.
맞닥뜨린 도전과 어떻게 극복했는가? 몇몇 사이트를 보고 난 후에 깨달았는데, 깔끔하게 유지해야 한다는 것이었습니다. 미국 공식 크리켓 팀 사이트에서 나의 색상 팔레트를 얻었고 이것이 유용하게 사용되었습니다.
그런 다음, 다양한 종류의 레이아웃을 사용해보려고 했지만 예정대로 작동하지 않았습니다. 마지막으로, 내 내비게이션 바를 찾을 수 있었지만, 아직 많은 것이 남았기에 웹을 둘러보며 사용할 수 있는 좋은 요소를 찾기 시작했습니다. 수백 개의 사이트를 검색한 후에 나에게 필요한 것을 찾아서 조립했고, 내용을 변경하여 아름답고 간단하지만 효율적인 랜딩 페이지가 완성되었습니다.
새롭게 배운 것들
- 이번 챌린지에서 멋진 CSS 요소들에 대해 배우고 효율적으로 디자인하는 방법을 배웠어요.
- ChatGPT와 같은 AI를 활용하여 일을 효율적이고 빠르게 처리할 수 있는 방법에 대해 알아보았습니다.
- 프로젝트를 진행하면 튜토리얼보다 훨씬 빠르게 학습할 수 있다는 것을 알게 되었어요.
추가 진행 사항 반응형으로 만들어 가독성을 높이는 것을 시도해보세요.
팀 제출
아니요, 제가 제출한 것이 유일한 것이지만 팀으로 일하는 것에 열려 있습니다.
라이선스
이 프로젝트는 MIT 라이선스에 따라 제공됩니다. 따라서 누구나 코드를 사용할 수 있습니다. Github 링크를 확인해주세요.
결론
몇 가지 더 나아질 수 있는 부분이 있음을 알고 있어요. 대회가 끝나기 전에 그 부분을 개선하려고 노력할게요. 전체적으로 이 도전 과제를 수행하는 데 재미있었어요. #devchallenge 팀 감사합니다.