들어가기 앞서
안녕하세요! 프론트엔드 찍먹 스터디 멘토 박유빈입니다.
1주차 JavaScript 맛보기 수강하시느라 고생하셨습니다! 
이번 과제도 가볍게 진행합니다.
이번 주에 배운 내용을 한 번 떠올려보고, 직접 조금 만져보는 정도면 충분해요!
다시보기
과제
목표
•
wil.md
•
index.html
•
내가 만들고 싶은 것들 아무거나!
1. WIL(Weekly I Learned) 작성하기
이번 주에 배운 내용을 wil.md에 자유롭게 기록해주세요.
강의에서 새롭게 알게 된 내용, 기억에 남았던 내용, 직접 해보면서 알게 된 점 등을 자유롭게 작성하면 됩니다.
WIL은 공백 포함 300자 이상 작성해주세요. (300자 이하는 제출 불가입니다)
작성 형식은 자유입니다!
이번 기회에 Markdown 문법도 다양하게 활용해보세요!
2. 나만의 웹페이지 만들어보기 (자율실습)
index.html 파일에서 시작해 자유롭게 웹페이지를 만들어보세요.
완성된 결과물을 만드는 것이 목표가 아닙니다. html 태그 하나만 써도 됩니다!
궁금한 것을 직접 찾아보고 → 코드에 적용해보고 → 브라우저에서 결과를 확인해보는 과정을 경험해보는 것이 이번 실습의 목표입니다.
HTML
궁금한 HTML 태그를 검색해서 직접 추가해보세요.
힌트 시맨틱 태그, <header>, <main>, <section>, <footer>CSS
CSS를 적용하는 방법을 찾아보고 원하는 모습으로 자유롭게 꾸며보세요.
힌트 class, CSS 선택자, style.css, CSS 파일 연결JavaScript
JavaScript를 이용해서 페이지에 원하는 동작을 추가해보세요.
힌트 script 태그, script.js, JavaScript 파일 분리브라우저에서 확인하기
작성한 웹페이지는 Live Server를 이용해 브라우저에서 직접 확인해보세요.
코드를 수정하고 저장한 뒤, 브라우저에서 어떻게 달라지는지 확인해보면 됩니다.
모르는 부분이 생긴다면 디스코드 #정규스터디-질문방과 생성형 AI를 적극적으로 활용하셔도 좋습니다!
단순히 코드를 복사하는 것보다, "이 코드는 왜 이렇게 동작하지?"를 함께 질문해보는 것을 추천합니다.
제출해야 할 파일과 파일 경로
week1
├── index.html
├── style.css # 선택
├── script.js # 선택
└── wil.md
JavaScript
복사
style.css, script.js를 꼭 만들 필요는 없습니다.
CSS와 JavaScript를 어떻게 적용할 수 있는지 직접 찾아보고, 필요하다면 자유롭게 파일을 추가해주세요.
힌트!
파일의 개수와 코드의 양은 과제 평가에 영향을 주지 않습니다!많은 코드를 작성하거나 완성도 높은 웹페이지를 만드는 것이 이번 과제의 목표가 아닙니다.
궁금한 것을 직접 찾아보고, 코드를 작성해보고, 결과를 확인해보는 과정에 집중해주세요.
마감 기한
9/27(일) 23:59 까지
제출 방법
자신의 레포지토리에 week1 폴더를 생성해 wil.md 파일을 제출합니다.
더 자세한 사항은 아래 링크를 참조해주세요.
