1주차 과제: html, css를 활용해 자기소개 페이지 만들기

1886px 프론트엔드 스터디 첫번째 과제입니다

INTRO

안녕하세요🙂 열정적인 후배님들의 프론트엔드 멘토링을 맡은 함초롬입니다.

첫번째 과제는 html, css를 활용해 자기소개 페이지 만들기를 준비했습니다.

과제를 하실 수 있는 기간이 짧다보니 첫 과제는 쉽게 하실 수 있는 내용으로 준비했습니다. 본 과제를 통해 개발 환경 셋팅, 과제 제출법, 깃 사용법 등을 익히시길 바라겠습니다.

과제 설명

과제 목표

• VSCode 코드 에디터 사용에 익숙해집니다.
• git과 github을 사용해봅니다.
• html, css를 사용해 요구사항에 맞춰 개발합니다.
• vercel을 사용한 배포 방법을 알아보고 배포합니다.

과제 요구사항

• 원하는 내용을 담아 자기 소개를 하는 html 페이지를 만듭니다. (예시 바로가기)
• src 폴더 밑에 index.html을 수정해 만듭니다.
• 이미지를 하나 이상 넣습니다.
• 자신의 블로그 링크와 깃허브 링크를 넣습니다.
• 스타일링은 자유롭게 해도 좋습니다.
• html 페이지 안에서 스타일링 해도 되고, 새 css파일을 만드셔도 됩니다.
• 자유롭게 만드시면 됩니다. 너무 잘 하시려고 노력하지 않으셔도 됩니다.
• 개발을 하다 기억이 안 나거나 잘 모르겠는 부분은 추가로 공부하고 정리합니다.
• git commit 할 때 한번에 하는 것이 아니라 기능별로 commit 합니다.
• vercel을 사용해 배포합니다.

생각해 볼 질문 (블로그에 정리)

1. git은 왜 사용하는 것일까요?
2. git과 github의 차이점은 무엇일까요?
3. vercel은 무엇일까요?

과제 수행 방법

자세한 설명 바로가기

1. 본 레포지토리를 fork합니다.
2. fork된 레포지토리를 git clone을 통해 로컬에 다운받습니다.
3. 코드 에디터는 VSCode를 사용해 작업합니다.
4. 브랜치를 자기 이름으로 판 다음 해당 브랜치에서 작업합니다. (예: git checkout -b chorom)
5. 로컬에서 개발한 작업물을 원격 레포지토리에 push합니다.
6. 완성한 결과물을 본 레포지토리에 pull request로 보냅니다.
7. 코드 리뷰를 받고 수정합니다.

PR 템플릿

제목: [과제 {과제번호}] {이름} 과제 제출합니다
내용:
배포한 링크를 첨부합니다.
과제를 하며 배운 내용, 고민한 내용, 어려웠던 내용, 추가로 구현하고 싶은 내용 등을 정리합니다.

과제 기한

2021년 9월 4일 토요일 21시