profile
움직이는 만큼 행복해진다

CSS background

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

2021년 11월 12일
·
0개의 댓글

사파리 브라우저 줄변경 오류

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

2021년 11월 2일
·
0개의 댓글

CSS user-select

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

2021년 10월 5일
·
0개의 댓글

css 표에 대각선 넣기

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

2021년 9월 7일
·
0개의 댓글
post-thumbnail

반응형 웹 가로 픽셀 기준

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

2021년 8월 27일
·
0개의 댓글

Display element on hovering over a tag using CSS

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

2021년 8월 27일
·
0개의 댓글

CSS and, or

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

2021년 8월 6일
·
0개의 댓글

CSS : text-indent

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

2021년 8월 6일
·
0개의 댓글

styled component에서 media query

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

2021년 7월 31일
·
0개의 댓글

styled component에서 global variables

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

2021년 7월 31일
·
0개의 댓글

React에서 Slider 만들면서 느낀점

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

2021년 7월 24일
·
0개의 댓글