반응형
Notice
Recent Posts
Recent Comments
Link
250x250
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- forEach
- scroll
- For
- localstorage
- addEventListener
- Animation
- 가로스크롤
- JavaScript
- mousemove
- pointermove
- 스크롤
- scrollY
- classList
- css
- 반복문
- Sticky
- insertAdjacentHTML
- swiperjs
- NodeList
- html
- Hover
- input
- 이벤트리스너
- SQLD
- 애니메이션
- scrollevent
- React
- getBoundingClientRect
- ADsP
- swiper
Archives
- Today
- Total
목록바닐라js (1)
ZeroToHunnit Coding
반응형 작업하다가 잘못됨을 깨달은 망한 사이트..
https://jeonghui-seong.github.io/strongbeach/ 디자인 오류로 인한 반응형 실패 사이트.. 나름 기분 좋게 디자인도 완성도 있게 끝낸거 같고 으쌰으쌰 퍼블리싱을 시작했지만 만들면서 깨달은게 반응형 사이즈를 너무 고려하지 않았다는 것이다.. 바닐라JS로 모든 것을 하려니 생각 외로 막혔던 부분이 많아서 시간도 오래걸릴 뿐더러 퍼블리싱이라는걸 오랜만에 한 탓에 버벅대면서 시간이 꽤나 걸리고 반응형 작업에서 고민되는 부분이 너무 많아서 이 프로젝트는 포기하기로 마음 먹었다.. 애초에 설계할 때 높이 값을 화면에 꽉차게 만드는 부분이 많았어서 그런지 피그마로 디자인할 때 태블릿과 모바일 환경은 신경쓰지 않은 상태로 높이 값을 임의로 정해서 비율에 맞지 않게 디자인한게 오류였다...
포트폴리오 일기
2024. 9. 29. 23:26