profile
프론트앤드에 초집중, 사실 너무 재밌어서 즐기는 중
post-thumbnail

css 사진 마스크 효과 오브젝트 채우기 overfit

CSS를 이용하여 나 요소같은 오브젝트들을 비율을 유지한 채로 크기를 조정하는 것은 매우 까다로운 부분입니다. 오브젝트들이 출력될 공간이 유동적인 크기가 아닌 고정된 크기라면 더욱 골머리를 썩히게 됩니다. 이에 대응하는 CSS3 속성에 대하여 살펴봅니다. 스타일

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

줄바꿈 공백처리 white-space

오늘 업무 중 받아온 API 데이터가등으로 쭉 이어진 문장을 공백을 주어 나눠줘야하는 일이 있었다. 보자마자 split으로 나눠주려 했으나 이전에 사용했던 다른 분들의 코드를 보니 css중 white-space를 써서 사용한 것을 알게 되었고 참고하여 진행했다. 정말

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

모질라 파이어폭스 CSS style guide

CSS 속성은 보통 편한대로 적을 수 있다. 하지만 여러 사람이 같이 작업하는 경우 작성해 둔 CSS 를 보면 속성을 찾느라 시간이 소모되곤 한다. 이런 점을 보완하기 위해 모질라에서 제안한 CSS 작성 순서가 있어 메모하려 한다.위치 선정 > 윤곽 > 외곽 디테일링

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

css 클래스를 이용한 다중 선택자 관리

css는 여러 요소를 동시에 선택하거나 특정 클래스나 id안의 요소를 선택할 수도 있는데 이게 자주 햇깔리기에 정리하려한다.이런 경우 일치하는 모든 요소를 선택하여 스타일을 준다.이런 경우 choonsik과 ryan 클래스를 모두 가진 요소를 선택한다.이런 경우 클래스

2022년 3월 31일
·
0개의 댓글
·