나공탐 제작 2일차 (23.5.24)

2일차 진행 상황 (2023.5.24)
- 각 항목 별로 html페이지를 만들고 a태그를 이용하여 연결하였음.
- 가이드 안내를 제대로 다시 작성 + 색 재설정
- 링크를 클릭할 때 글씨 색이 보라색으로 바뀌는 것을 막음. 밑줄 생기는 것도 없앰. (text-decoration : none;)
- 가이드 안내 단순히 텍스트를 링크로 건 것이 아니라 버튼을 링크로 걸었음. 
 
새롭게 배운 지식
- 링크 걸고 밑줄 없애는 것 수업시간에 배웠던 건데 어디서 배운지 몰라서 전공책 정독했음...
- input으로 버튼을 만들 때는, value 안에 있는 텍스트를 꾸미지 못하는데(맞나?) 태그 자체를 button으로 사용함으로서 버튼과 안의 글씨 글꽃 및 색상까지 바꿀 수 있었다. 
 
문제점
- header부분과 nav부분을 스크롤해도 상단에 보이고 싶어서 fixed를 통해 시도해봤는데, 고정이 되긴 하지만 article의 main부분이 자꾸 앞으로 나온다. 그리고 <hr> 부분이 자꾸 맨 위로 올라간다... 꼭 구현하고 싶어서 다른html로 만들어봤는데, 거기서는 잘 됨... 뭐가 문제인지 잘 모르겠다. chat gpt를 이용해도 모르는 부분으로만 알려주고, 워낙 길어서 얘도 잘 모르는 듯...
- 화면 밀림 현상 : 창 크기가 줄어들면 항목들이 모두 밀린다. overflow를 통해 고쳐보려고 했는데, 되질 않는다... 아무리 찾아봐도 모르겠다...
- 스마일 시트가 엉망.. 구조도 엉망... 처음부터 어느 부분은 span 어느 부분은 div 딱딱 정하고 썼어야 했는데, 무턱대고 그냥 만들어서 전체적으로 구조가 뒤죽박죽이고, 그러다보니 스마일 시트부분이 엄청 더럽다... 다른 항목의 html을 같은 스타일 시트로 사용하려고 했는데, 그냥 각 페이지마다 따로따로 스마일 시트를 만들어야 할 것 같다.... 다시 해보려고 했는데, 이미 너무 길게 작성이 되어 있고, 생각 없이 코드를 작성한 거라 어느 부분이 어느 부분과 이어져 있는지도 헷갈리고, 지금 시간도 많이 없어서 전체 화면 부분은 일단 놔두고 다른 항목의 html할 때는 조금 더 계획을 세우고 짜보려고 한다....
 
메인 화면에서 해야할 점
- 각 항목이 만들어지면 캡쳐해서 가이드 안내에 붙이면 끝이다. 
- 근데 디자인이 좀 많이 구려서 나중에 시간 되면 좀 바꿔보는 걸로...
 
느낀점
전혀 안 힘들고 너무 재밌다. 메인 화면만 제작하는데만 거의 10시간 걸린 것 같은데... 뭔가 두근두근 거린다. 아직 미숙한 실력이지만 구현하고 싶은 기능들이 많아서 걱정이다. 할 수 있는데까지는 해보고 싶다. 이번 주 목요일까지는 유형 검사하는 부분을 완성할 생각이다.

오늘 한 거