프론트엔드 스쿨15 [과제]이벤트 페이지 만들기 이번 과제에서 고려해야 할 부분과 참고사항 - 개발자 그리드 - 유지보수, 재사용성, 반응형 - 픽셀 퍼펙션 어떤 식으로 구현할 것인가? 수업 진도대로 그리드를 쓰고싶은데 따로 강의를 찾아봤더니 아예 다른 방식의 사용법이였다. 아마도 그리드 시스템은 나중에 나갈 진도인 것 같고, 수업 시간에 나온 개발자 그리드(?)는 잘 모르겠다. 과제를 수행 전 예상되는 어려움 - 아직 레이아웃 잡는게 어려워서 걱정이다. - 개발자 그리드 활용 과제 수행 중 어려웠던 부분 및 느낀점 - 구글 폰트 사용 시, 사용 할 weight별로 소스를 넣어야하는건가? 몬세라트 하나로 통일돼있어서 하나 가져왔는데 weight값을 높게 줘도 예제와 차이가 났다. 사용되는 굵기 별로 모아서 소스 넣었더니 잘 됐다. - 뷰포트에 생긴 스.. 2023. 12. 28. [과제]My Favorite Food 이번 과제는 조별 과제..! 일단 각자 스스로 구현 해보고, 조 내에서 토론(?)을 거쳐 최선의 코드를 조합하면 됐다. 우리 조는 각자의 코드를 짜깁기 하지않고, 화면 공유를 통해 아예 다같이 새로 만드는 방향으로 했다. 강사님께서 예제 만드는걸 보여주실 때, 수강생들의 의견을 들어보고 같이 만들어 나가는 느낌이 좋아서 제안한 방식이다. 먼저 스스로 해봤을 때는 구현하지 못한 부분도 있고, 전체적으로 미숙했기 때문에 다같이 머리 맞대고 만들어보면 좋을 것 같았다. 결과적으로도 CSS 기능을 이해하는데에 많은 도움이 됐다! 이전에 강사님이 레이아웃을 어떤 식으로 나눌지 그림 그려가며 보여주신게 생각나서 코드 작성 전에 한 번 해봤다. 아직 레이아웃 잡는게 어려운 편인데, 큰 부분부터 구획해가며 그려보니 한.. 2023. 12. 20. [과제]프로필 페이지 만들기 첫 과제는 상단의 preview처럼 내 프로필 페이지를 만드는 것이었다. 구성 요소는 동일하게 하되, 내용은 수정할 수 있다. 전체적으로 한 번 강사님과 풀이해보는 시간이 있었고, 과제 제출은 그로부터 이틀 후였다. 처음에 직접 코드를 작성할 때는 HTML로 마크업 먼저 하고나서 CSS로 스타일을 입혀줬다. 어찌저찌 프리뷰와 비슷하게 구현은 할 수 있었다. 코드가 엉망일뿐이다 ㅎㅎ. 강사님과 풀이를 함께 하면서 '아~!'하고 깨닫는 순간이 엄청 많았다. name contents section 1 section 2 footer 3. 콘텐츠는 천천히 채워가며 스타일을 수정한다. 왼쪽은 실습과 코드 풀이 강의를 거친 후, 대부분의 코드가 수정된거고, 오른쪽은 혼자 다시 만들고 과제로 제출한 상태이다. 이미지라.. 2023. 12. 10. 이전 1 2 3 다음
