오늘 HTML5 전공 인증 시험인 Level1을 통과했습니다.
학습 과정을 되돌아보고 좋은 일과 다음에 활용하고 싶은 일을 정리한다.
이미 시험 개요를 정리한 사람이 있기 때문에 이곳에서 사랑을 나누어 회고 위주로 보낸다.
HTML5 Professional 인증 수준 1 인증 기록

응시 동기

자바스크립트를 체계적으로 공부하는 데 좋은 시험을 찾다가 알게 됐어요.
단, 자바스크립트는 Level2에서만 출제되며, Level2 시험을 위해서는 Level1을 통과해야 하기 때문에 Level1부터 시험을 시작합니다.

시험이 너무 좋아요.

더 나은 실현 방법을 고려할 수 있다

시도의 기회 획득

나는 내가 반드시 규격서를 읽어야 한다는 것을 깨달았다

따로따로 설명하다.

나는 더 좋은 설치 방법을 고려하기 시작했다

지금까지 HTML, CSS 모두 통일된 스타일북과 참고서를 읽은 적이 없기 때문에 현장에서 설치할 수밖에 없다.
이번에 HTML, CSS에서 할 수 있는 일을 광범위하게 학습함으로써 설치된 서랍이 크게 증가했다.
예를 들어 대문자를 원할 때는 지금까지 자바스크립트로 썼지만 CSStext-transform로 할 수 있다.(그리고 거의 모든 브라우저가 대응됨)
text-transform - Can I use...
반면 이전부터 사용하고 싶었던 것<datalist>(요약용 목록을 만드는 요소)을 시도해 보니 스타일은 CSS로 덮어쓸 수 없어 실제 사용이 어려웠다.
이 목록의 스타일을 변경할 수 없습니다.

입력 값이 길면 ▼ 파괴되어도 받아들일 수 없음

이처럼 더 좋은 설치 방법을 알아차리고 지식이 멈추는 기술의 사용 장소를 상상하는 계기가 된 것은 큰 수확이다.
애초에 JavaScript를 배우고 싶었지만 HTML, CSS에서 할 수 있는 일을 미리 알면 더 적합한 점을 깨달을 수 있다고 생각했습니다.

시도할 기회를 얻었습니다.

시험을 볼 때 쓰지 않은 것, 잘 이해하지 못하는 것 모두 처음부터 샘플 코드를 써 보았다.
예를 들어 지금까지 미디어 조회는'어렵다'고 생각하고 멀리하며 프레임워크에 맡겼지만 실제로는 샘플 코드를 썼고 기본적인 형식이 간단해서 친해졌다.
샘플만 설치하면 업무에 활용할 필요가 있을 때 문턱도 낮아진다.

나는 반드시 양식서를 보아야 한다는 것을 깨달았다

샘플 코드를 쓰면 참고서를 읽을 때'알 생각'이라고 해도 의문이 많다.
예를 들어 CSS의 미디어 쿼리에서 사용device-orientation은 스마트폰의 방향에 따라 레이아웃을 바꿀 수 있지만 이를 아는 단계에서는 "장치를 가로로 놓으면 가로로 쓰는 스타일, 세로로 하면 세로로 쓰는 스타일이 맞겠지"라고 생각한다.근데 그건 틀렸어.컴퓨터에 샘플 코드를 쓸 때 컴퓨터가 가로로 되어 있어도 브라우저의 디스플레이 폭이 좁아지면'세로용'스타일로 전환된다.
이 현상의 상세한 상황은 여기서 간단명료하게 설명하고 있다.
@media의 orientation은viewport의 종횡 길이입니다. 장치가 세로인지 가로가 아닙니다.
나는 언어와 인상에 국한되지 않고 규격을 확인하는 것이 중요하다는 것을 깨달았다.

이제 활용하고 싶은 거.

시험 공부에서의 경험에 근거하여 다음으로 활용하고 싶은 것을 정리한다.

손을 대면서 메모

매일 규격서 읽기

가끔 체계적인 학습을 만드는 시간

손대면서 외우다

처음에는 참고서만 읽고 문제를 설명하는'독서형'학습법이었다.
그러나 참고서를 한두 바퀴 돌았는데도 과거 선을 그은 내용을 잘 기억하지 못한다는 것을 알고 "암기하기보다 손으로 이해하는 것이 낫다"고 방침을 바꿨다.
이렇게 되면 여러 번 책을 잘못 쓴 곳은 코드를 한 번 쓰면 완전히 이해할 수 있다.
궁금한 점은 다시 검색하고 개발자 도구와 확장 기능을 사용하여 자신의 설치가'외관 외에'도 의도대로 진행되는지 확인했다.
예를 들어 책에서 몇 번을 읽었든 어떤 분사가 윤곽에 영향을 미치는지 잊어버려서 샘플 코드를 써서 다음 도구로 의도대로 출력하는지 확인했다.
headingsMap
다른 신경 쓰이는 부분은'쓰기'→'수사'를 반복하면서 이해력이 높아졌다.만약 이 방침을 바꾸지 않았다면 일주일을 합격해도 잊어버리고 사용할 수 있는 지식이 될 수 없었을 것이다.
참고서의 지식을 자신의 힘으로 삼는 기초 위에서 수출은 필수적이다.

매일 양식서를 읽다

솔직히 지금까지 크롬의 개발자 도구와 VScode 예측 후보에서 브라우저에서'그 모양 물건'을 확인하고 문제가 없으면 사용했다.HTML, CSS는 어느 정도 분위기에서 써도 움직이기 때문에 규격을 이해하고 사용하는 것이 의무라는 것을 알면서도 조사하지 않고 사용했지만 이번 빈번한 규격 조사 과정에서'생각과 다른'것이 많다는 것을 발견했다.지금까지의 행동이 다른 브라우저에서 어떻게 보였는지, 다른 행동을 일으킬지 등을 고려하지 않고 매우 좋지 않았음을 반성하며 앞으로 규격을 조사한 후에 사용할 계획이다.
게다가 지금까지 당연히 사용했던 것들도 오해와 이해가 되지 않는 부분이 있기 때문에 때로는 스타일북을 총결하여 다시 읽는다.

때로는 체계적으로 공부할 시간이 있다

이번에 HTML, CSS 등 웹 응용 프로그램 개발의 기초 지식을 대규모로 수정하고 보충함으로써 상술한 장점을 얻었다.다른 기술에도 같은 말을 할 수 있기 때문에 때때로 이런 시험을 보는 것은 좋은 주의의 기회이다.

총결산

이 시험뿐만 아니라 손대면서 지식으로 이해하고 이를 어떻게 활용하는지는 살아있는 지식과 관련이 있다고 생각합니다.
다음에는 제 본의가 Level2를 보려고 합니다. 그래서 공부를 시작할 때부터 시작하고 싶습니다.