css에서 특정 컨텐츠 영역을 제외한 나머지 영역을 채우고 싶을 때 flex-grow를 사용해서 채울 수 있다참고https://developer-ping9.tistory.com/147

인쇄 페이지용 미디어 쿼리프린트(cmd + p) 화면에서 적용할 CSS를 @media print로 설정할 수 있다페이지에서 숨겨야하는 부분은 display 또는 visible로 제어할 수 있다https://eunyoe.tistory.com/15https&#x3

:first-child is unsafe on server side rendering.

CSS에 반응형 웹을 만들 때 좋은 함수이다

부모엘리먼트들의 overflow가 default로 설정되어야만 적용 된다.

width : 최대 크기를 정하고 넘어가면 스크롤 되게할 넓이white-space : 공백, 줄바꿈을 하지 않음overflow-x : x방향으로 넘어가는 것에 대한 처리참고https://m.blog.naver.com/PostView.naver?isHttpsRe

https://dolly77.tistory.com/34CSS3 부터는 여러개의 배경이미지를 적용할 수 있다.왼쪽에 위치한 이미지가 앞으로 나온다.https://www.codingfactory.net/10582https://developer.m

크롬, 안드로이드에선 문제가 되지 않았던 문구가 사파리 브라우저에서 어색하게 줄변경이 되는 문제가 있어서 찾아보았다.word-break : unset;참고https://m.blog.naver.com/PostView.naver?isHttpsRedirect=tru

특성 텍스트 등을 복사하기 쉽게 하기 위해 설정할 수 있다.한번 클릭으로 더블클릭한 효과를 주어서 복사를 쉽게 할 수 있다.https://www.w3schools.com/cssref/css3_pr_user-select.asp

https://www.python2.net/questions-1185625.htm

최근 모니터의 발전으로 해상도, 한 화면안에 픽셀의 개수가 많아졌다.웹을 반응형으로 만들 때 미디어쿼리를 사용하여 구분을 하거나 화면의 최대 가로 길이를 제한하는 기준은 어떻게 설정해야 하고왜 그런 기준점들이 생겨났는지 생각해보자.화면의 정밀도를 나타내는 지표가로 픽셀

어떤 icon을 마우스가 카드 위에 올라갔을 때만 보여주고 싶다면javascript로 mouseenter event에서 감추거나 숨겨도 되지만css로 간단하게 할 수 있는 방법이 있다.css hover 조건에서 icon을 표시하게 하면 된다.https://ww

참고 문헌https://stackoverflow.com/questions/2797091/css-and-and-or

css => text-indent들여쓰기, 내어쓰기 만드는 속성양수면 들여쓰기, 음수면 내어쓰기

기존 css 파일의 media querystyled component에서 media querycss파일은 각각 media query를 따로 작성을 하고media query의 조건 안에 변화할 클래스들을 넣는 방식이라면styled component는 미디어 쿼리를 작성하

react native에선 .css 파일이 지원이 안된다고 해서최근 진행중인 react 개인 프로젝트의 styling을 styled-components로 작업하고 있다.기존에 만들어둔 .css 파일을 옮기려고 하는데global 변수를 기존 css와 같이 사용 할 수 있

생각보다 내가 모르는 부분이나 한번 공부하고 잊어버린 내용이 많았다.오늘 Slider를 만들면서 정말 더 열심히 해야겠다는 생각이 든다.useEffect를 이용해서 화면 진입 시 이벤트리스너를 등록하고 종료 시 제거(return)공식문서만 봐선 나오지 않는 내용이다.이