Html, css, js 를 이용한 여행소개 웹페이지를 클론코딩 하고 있었다.
책을 보며 열심히 코드를 타이핑 하고 있는데 페이지를 실행시켰더니 딱 두 선택자를 제외 한 나머지 선택자에 대한 css가 하나도 적용되지 않았다.
코드를 하나하나 처음부터 끝까지 다시 뜯어 보고 구글링도 해보고 했지만 결국 무엇이 문제였는지 알아내지 못하였다.
처음 겪는 에러라 문제점을 꼭!! 찾고 싶었지만 시간이 너무 지체되어 오늘 안에 해야 할 양을 다 끝내지 못할 것 같아 결국 작성한 모든 코드를 삭제하고 책을 보며 처음부터 차근 차근 다시 타이핑 해나갔다.
결과는 css코드가 잘 녹아들어 웹페이지에 잘 나타났다.
코드를 보고 충분히 이해하는 시간을 가지고 똑같이 따라 적으며 손에도 익히는 등 클론코딩을 적절히 잘 공부하고 있다 생각했으나 오늘 나의 문제점을 알게 되었다.
코드를 충분히 이해하고 손코딩을 해보되 중간 중간 내가 작성한 코드가 잘 작동하는지 확인을 자주 하지 않는 것이 나의 문제점이었다.
너무 자주 확인하는 것도 문제겠지만 그렇다고 a4 한 장 가까이 되는 코드를 작성하는 동안 한 번을 라이브 서버를 실행 해보지 않은 것은 분명 나의 실수였다.
아깝지만 직접 작성했던 긴 코드를 모두 지우고 내가 작성중인 코드들이 잘 작동되고 있는지 중간 중간 확인하며 처음부터 다시 작성하였더니 문제가 발생하면 어느 지점부터 문제가 발생하였는지 발견하기가 훨씬 쉬웠고 진행률도 전보다 빨라졌다.
쉽고 익숙한 코드들을 작성할 땐 특히나 라이브 서버를 굳이 실행시켜보지 않고 그냥 넘어가는 일이 다반사였는데 이제부터라도 자주 체크할 수 있도록 습관을 바꿔보려 한다.
오늘의 느낀점 끝!
