# responsive

6개의 포스트

react full-responsive homepage

react 프로젝트중에 웬만하면 보지 못했던 vanila JS스러운(?)코드를 보았다. 브라우저 윈도우의 넓이 값인데 반응형을 고려할때 요긴하게 쓰일수 있다. ex) if (window.innerWidth <= 960)이것도 react를 쓰면서 오랜만에 만나는 a

2020년 10월 8일
·
0개의 댓글
post-thumbnail

srcset = ? sizes=?

이미지 반응형을 어떻게하면 좀 더 좋아질까 검색하던 중에 <img> 태그에서 srcset, sizes를 이용하면 반응형에 좋다는 글이 있어서 공부했다.<img> 태그에서 src 를 이용해 이미지를 불러왔다면 srcset 도 이미지를 불러온다는건 비슷하다.다른

2020년 7월 2일
·
0개의 댓글

Skeleton: 극 미니멀을 추구하는 반응형 CSS 라이브러리

부트스트랩이나 리액트에서 많이 쓰는 Material UI 같은 UI Framework 들은 많이 알려져 있지만, 상대적으로 Skeleton CSS는 많이 알려지진 않은 것 같다. 아마도 'skeleton'이라는 단어 자체가 한글 뜻 그대로 '뼈대'라는 의미로 프로그래밍에서 너무 많이 쓰이는 단어이기 때문일 것이다. skeleton CSS라는 용어도 사실...

2020년 1월 30일
·
0개의 댓글
post-thumbnail

반응형 이미지 제대로 사용해보자!

서론 이미지가 많이 들어가는 페이지를 제작하기에 앞서 페이지에 2.3M짜리 이미지가 들어간 것을 보고 이대론 안되겠다 싶어 효과적인 UX를 위해 https://images.guide/를 읽고서 반응형 사이트에서 이미지 최적화를 제대로 하기위해 공유하기 위해 작성합니다. 반응형 이미지를 사용시 고려해야할 사항 이미지 크기(size)와 관련한 성능/속도 및...

2019년 10월 24일
·
1개의 댓글