20221203 첫 번째 mission❗

오늘 처음으로 HTML/CSS 미션 5개 중 첫 번째 프로젝트를 완료하였는데요. 진행하면서 어려웠던 점에 대해서 적어볼까 합니다.

 

 

먼저 저는 다음과 같이 프로젝트를 private Repository를 통해서 git hub에 업로드를 하고 있습니다. 

 

제가 오늘 프로젝트를 진행하면서 느낀 점은 HTML, CSS는 어느 정도 실력이 있다고 생각했었는데 아직 부족하다고 느끼게 되었습니다.

 

오늘 구글링을 참 많이 했던 것 같습니다. 특히 가상 선택자 ::before, ::after에 대해서 아예 모르고 있는 상태여서 zero-base에서 제공해 주는 강의와 구글링을 통해서 학습한 것 같습니다. 이전에는 js를 통해서 구현하는 줄 알았던 부분이 알고 보니 css를 통해서 구현이 가능하다는 것을 깨달은 것 같습니다.

다음으로 hover 효과와 focus효과를 img가 hover되었을 때 div에게 주고 싶어서 여러 방법을 시도했었는데 처음부터 감싸고 있던 div를 지우고 a태그에 효과를 주니 진행되었습니다.

또한 미션을 수행하기 전 저는 flex만을 사용해서 지금까지 프로젝트를 진행하였었는데 이번 미션을 통해서 float개념에 대해서 알게 되었습니다. mission 1단계를 푸는데도 꽤 많은 시간이 들어서 다음 mission 또한 걱정인데 꼭 열심히 해서 수료하고 싶습니다!