HTML 썸네일형 리스트형 HTML과 CSS 완 드디어 다 만들었다! 최근 1주일동안 개인적으로 일어난 일들이 많아서 예상보다 3일이나 늦어졌다! (빨리 취업하고 싶은 이유중 하나) 하지만 앞으로가 중요하니 열심히 임하자! 작업 방식은 전과 같이 구조를 먼저 짜고 css를 입혔다. 하다보니 아래 이미지의 사이드바를 컴포넌트로 빼지 않았어서 구조를 바꿨어야 했는데 확실히 수월했다! (역시 사람은 배워야해,,) 앞으로 기능 넣을것이 너무 기대된다! 히히 더보기 HTML로 구조를 만들고 CSS로 옷을 입히자! HTML로 먼저 구조를 짜고 CSS로 옷을 입혔다! 처음에는 디자인을 보면서 구조를 짰다. 그 후 className과 id를 넣고 display 나 flex-direction 속성을 넣으며 디자인에 맞는 위치에 글이나 박스를 배치했고 배경색과 폰트사이즈, 마진 값을 줬다! 이런식으로 하니 나중에 css를 수정할때 속성이 꼬이지 않아 수월했고 무엇보다 더 재밌었다. 그 후 완성됐다! 이 페이지의 소요시간은 약 1시간 30분? 정도나 걸렸다! (화장실 가는 시간 빼면 더 줄지도,,) 저기 은행 마크 아래 최고연 이라는 글씨나 상세한 CSS 조정에 시간이 소요됐다. 더보기 프로젝트 디자인을 HTML과 CSS로 이틀간 하루에 3페이지씩 만들었다. 이제 4~5 페이지만 만들면 HTML은 끝이다! 처음 홈 화면 만들때보다 나중 갈수록 속도가 더 빨라지는게 느껴져 기분이 좋다. 더보기 이전 1 다음
