1. 작업 시간 :34분 2. 작업물 : css 애니메이션 적용 및 text-shadow 적용 3. 다음 계획 : 이번에 부족한 것을 바탕으로 새로이 처음부터 기획해볼 생각이다.
1. 작업 시간 : 55분 2. 작업물 : css 레이아웃 작업 밑작업을 다 끝낸 모습 "Go full page" 확장 프로그램을 사용해서 그런가 헤더와 섹션 부분쪽이 잘렸다. 다음번에는 github page를 뒤늦게 알게 됬으니 최소한 마지막 보고서에는 url 로 대체를 하겠다. float으로 작업할 수 있었지만 아직 익숙하지않은 display:flex 기법을 이용해서 레이아웃의 틀을 맞췄다. 익숙(?) 해지려는 연습을 하려고 일부러 사용했다. 쓰다보니까 float을 쓸 때보다 너무 편해서 이게 맞나.. 싶은 생각이 많이 들었다. 3. 다음 계획 : css의 밑작업만 끝낸 것 뿐 사진상으로는 확인할 수가 없다. background-color 라던가 section 마다 경계선을 긋는 다던가 다음번엔 세세..
1. 작업 시간 : 56분 2. 작업물 : 레이아웃 css를 다 짜려고 했는데 뭔가 마음에 안들어서 지우고 다시 쓰는 데 시간이 많이 들었고, 결국 header만 작성 했다. Flex 기법을 사용했던 곳에 직접 조율이 힘들어서 float으로 바꿧다가 나중에 요소가 추가되면 수정하기 쉽게 다시 flex로 바꿧다가 겨우 그작업만 했는데 시간을 다써버렸다. 아래는 header만 작성된 결과물이다. 나머지 section 과 footer는 display:none을 박아 헤더에만 집중하기 좋게 감춰둿다. 위의 검색 창은 naver쪽 검색을 참고했다. form태그의 action속성과 input 태그의 name값 query, button태그의 type=submit 을 활용해 적은 것이다. input태그의 name값을 ..