⏰ front-memberlist

HTML, CSS, JavaScript를 이용하여 회원 목록을 만들어봅니다.

💻 미리보기

아래 디자인 시안을 따라 프로그램을 완성해주세요.

• 디자인 시안 figma로 보기

🎯 기능 요구사항

• 회원들의 목록이 표시되어야 한다.
• 회원 정보는 외부와의 통신을 통해 받아와야 한다.
• 현재 브라우저의 뷰포트에 따라 한 줄에 보여지는 요소 수가 적절하게 변경되어야 한다.

// 회원 정보는 아래 주소를 이용해서 받아옵니다.
https://jsonplaceholder.typicode.com/users

PR 제출 요구사항

• 제목은 (본인 이름) 회원 목록 미션 제출합니다. 로 통일합니다.
  • ex) 김용래 회원 목록 미션 제출합니다.
• 제출 후 review request에 스터디장(김용래, usageness)를 추가합니다.
• 제출 후 assignee에 본인을 추가합니다.
• ⚠ 중요 : PR 메시지에 결과물을 확인할 수 있는 배포 링크를 함께 첨부합니다.
  • github pages를 이용해 정적 페이지 배포하기
• PR 상태 임의로 변경하지 말아주세요!!! (머지, PR 닫기 포함)

📰 안내사항 & 팁

• 이번 미션은 정해진 제출 기한이 없습니다. 언제든 제출하시고, Review Request를 지정해주세요.
• 미션은 기본적으로 fork 후 개인 저장소에서 진행하고, 완료하면 원본 저장소에 Pull Request를 보냅니다.
• PR을 보낸 뒤 임의로 머지하지 않습니다. 코드 리뷰 과정 이후에 관리자가 머지를 진행하는 것을 원칙으로 합니다.
• PR을 임의로 닫지 않습니다.
• 미션 제출 과정은 문서를 참고해주세요.
• 코드 스타일에는 정답이 없습니다. 여러가지 스타일을 참고 하여 깔끔하고 일관성 있는 스타일을 유지해봅시다.
  • Google JavaScript Style Guide
  • Airbnb JavaScript Style Guide
  • JavaScript Standard Style
  • NHN FE개발랩
• 외부 라이브러리는 사용하지 않습니다.
• 특히 bootstrap과 같은 css 라이브러리의 사용도 금지합니다.
• 내가 모르는건 다른 사람도 모를 가능성이 큽니다. 부끄러워하지 말고 질문하여 함께 공부합시다.

📖 함께보면 좋은 자료

• MDN Docs - 반응형 디자인
• MDN Docs - 미디어 쿼리
• MDN Docs - Fetch 사용하기