[1人 프로젝트] 키즈가오 클론코딩 1회차

모두의 HTML5 & CSS3 - YES24

👩‍💻 이 프로젝트로 정한 이유

이론 내용은 이해가 되었으나, 실제로 코딩할때는 실제로 웹 사이트를 만들어보지 못한 탓인지 내게는 너무 어려웠다.

그래서, 개발경험을 쌓기위한 클론코딩 웹사이트로 선택

 

---

 

 

🎉 성과

완성한 부분

애니메이션 효과를 제외한 HTML, CSS로 웹사이트 제작 완료

 

완성한 이유

HTML과 CSS도 익숙하지 않아 어렵게 작업했는데, 애니메이션 부분은 더 어렵기 때문에 애니메이션 효과 넣기 전까지 완료했다.

 

---

 

 

✨ 느낀점

💢 힘들었던 점

이론과 실습의 차이

이론상으로는 알고있지만 실제로 코드작성할때는 오류가 계속 발생하였다. 특히, Float와 postion의 차이를 몰라 왼쪽으로 붙이려면 position을 써도되는데 왜 Float를 쓰는지 이해가 안갔다.

 

혼자 웹사이트 제작하기 힘들었다.

내가 모르는 부분이나, 오류가 발생했을때 책에 안나와있는 내용이면, 어떤 키워드를 검색해야 답안이 나오는지 찾는데 오래걸렸다.

그리고 찾은 답안을 작업하는 과정에서 또 오류가 발생하면 또 찾는 과정을 반복하다보니 내가 실습하는건지 공부하는건지 헷갈렸다.

 

🧡 좋았던 점

기초 개념을 잡는데 도움

처음에 float와 position의 차이점을 몰랐고, 어떤 상황에 맞게 써야할지 몰랐다.

책에서 설명해준대로, float는 기준없이 사용한다는 것과 position은 기준을 정하고 사용한다는 것을 알게되었다.

 

재미있다.

이론으로 공부한것보다 훨씬 더 재미있었다. 특히 파이썬 알고리즘 공부할때 문자만 봤었는데, 웹사이트를 제작하면서 그림과 나중에 쓸 애니메이션이 작동하는 모습을 보니 계속하고 싶어졌다.

 

❗ 보완할 점

1. 애니메이션 추가 작업
2. 부족한 부분 추가 공부 필요

다음번에는 애니메이션 작업을 해서 완성본을 만들어야겠다.

이론을 알고있으나 실제로 작업할때 오류가 발생, 이론을 모르는 경우, 모르는 경우 키워드 검색하는법 숙달하는 것을 강의를 통해 학습해야겠다.