안녕하세요 이번 6주차 때 한 내용을 정리한 것입니다.
1분코딩(grid)
MDN(grid)
드림코딩(grid)
울부짖는드래곤(grid)
fireship(grid)
CSS-trick(grid)
heropy(grid)
learngcssgrid(grid)
web.dev(grid)
MDN(grid-auto-column)
MDN(grid-auto-row)
MDN(grid-auto-flow)
MDN(grid-column)
MDN(grid-column-end)
MDN(grid-column-start)
MDN(grid-row)
MDN(grid-row-end)
MDN(grid-row-start
MDN(grid-template)
MDN(grid-template-area)
MDN(grid-template-columns)
MDN(grid-template-rows)
여러분 수고 많으셨어요!!
일단 여기까지만 하면 기본적인 디자인은 모두 구현이 가능할 꺼에요!!
여기서 더 하려면 transition, media qeury, transform등 정말 다양한 CSS가 필요하기도 합니다.
더 하실 분들은 로드맵을 살짝쿵 드리도록 하겠습니다!!(순서대로 하실 필요는 없어요)
- transision, transform 등 GPU를 쓰는 CSS
- media query같은 반응형을 위한 CSS
- tailwind, material ui, swiper등의 CSS를 추가하거나 쉽게 구현이 가능하도록 하는 라이브러리
- javascript
- anime.js, gsap, three.js등 화려한 움직임을 추가할 수 있는 라이브러리
여기까지 한다면 퍼블리셔가 아닌 프론트엔드로서 충분한 역량을 소화하실 수 있을 꺼에요!!
지금까지 따라오신분 정말 감사합니다. 우리 앞으로 더 즐거운 코딩해요!