혼공단/혼공단 6기

[혼공단 6기] 혼자 공부하는 자바스크립트 5주차 후기 및 미션 인증

하양훈 2021. 8. 3. 16:17
반응형

<진도표>

[이번주 과제 - 5주차]

1. 진도 공부 : 7장 문서 객체 모델 ~ 8장 예외 처리

2. 기본 미션 : p.315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 인증샷

3. 선택 미션 : p.352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 인증샷

1. 진도 공부

 

1) 혼자 공부하는 자바스크립트 7장 - 문서 객체 모델(1)

 

혼자 공부하는 자바스크립트 7장 - 문서 객체 모델(1)

1. 문서 객체 - HTML 페이지에 있는 html,head,body,title, h1, div, span 등 HTML에서 요소라 불리우는 것들을 자바스크립트에서 일컫는 말 - 문서객체를 조작한다 == HTML 요소들을 조작한다 - 문서 객체 모델 :

sirokun.tistory.com

2) 혼자 공부하는 자바스크립트 7장 - 문서 객체 모델(2)

 

혼자 공부하는 자바스크립트 7장 - 문서 객체 모델(2)

1. 이벤트 모델 - 이벤트를 연결하는 방법 - 모든 이벤트 모델의 이벤트 리스너는 첫번째 매개변수로 이벤트 객체를 받는다. 1) 표준이벤트 모델 - addEventListner() 메소드를 사용하는 모델, 현재 표

sirokun.tistory.com

3) 혼자 공부하는 자바스크립트 8장 - 예외 처리

 

혼자 공부하는 자바스크립트 8장 - 예외처리

1. 오류의 종류 1) 구문 오류 - 프로그램 실행 전에 발생하는 오류 - 괄호의 짝을 맞추지 않은 경우, 문자열을 열었는데 닫지 않은 경우(따옴표가 하나 없을경우) - Syntax error 2) 예외 - 프로그램 실

sirokun.tistory.com

저번주엔 자바스크립트만의 문법적인 특징이 도드라지는 내용이 무척 많아 힘들었는데, 이번에는 저번주보다는 조금 나았던 것 같았습니다. 아무래도 힘든 산을 넘어서이기도 하고, 다른 문법이랑 겹치는 부분이 많다보니 조금은 빠르게 작성할 수 있지 않았나 싶네요.

 

2. 기본 미션 : p.315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 인증샷

기본미션은 p.315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 인증샷입니다. 속성을 조작하는 방법에 대해서 시험을 해볼 수있는 예제인데요.

실행해보니 고양이 사진이 예쁘게 잘 나오는 것을 확인할수 있습니다. 주어진 코드에서 고양이 사진의 인덱스가 1씩 증가할수록 사진의 너비를 100씩증가하도록 만들다보니 오른쪽으로 갈수록 사진의 크기가 커지는 것을 알 수 있습니다.

 

어쨌든 고양이는 귀엽습니다.

 

나만 고양이 없어

 

3. 선택 미션 : p.352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 인증샷

선택 미션은 p.352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 인증샷입니다. 누적된 예제다 보니 이번 혼공단에서 실행했던 코드 중 가장 긴 예제를 차지하는데요. 그렇다 보니 꼼꼼히 입력해서 확인하며 실행했는데도 오류가 날때가 있어서 수행하는데 때아닌 어려움을 겪어야 했습니다.

그래도 잘 완성한 사이트 나름 실행도 해보았는데요. 앞으로 해야할 일들과 이 중에 미리 다 끝낸 일들을 체크해보며 잘 동작하는지 테스트 해보았습니다.

 

이렇게 이번주 미션을 마쳐보았습니다. 이번주에는 예전에 혼공자에서 배웠던 내용들이 나와서 조금은 친숙하게 배울 수 있던 시간이었습니다. 물론 자바스크립트 만의 특성을 지닌 문법들도 여러 있었지만 저번부보다는 좀 더 수월하게 공부할 수 있지 않았나 싶네요. 하지만 많은 메소드들과 실습과제들은 아직 손에 익지 않은 부분이 있기에 이번주 남은 기간동안 연습하면서 차차 몸에 베이도록 노력해볼까 싶습니다.

반응형