일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 리액트 훅
- 코딩테스트 고득점 Kit
- 코딩테스트 고득점 Kit 완전탐색
- react
- 디자인 패턴
- vanillaJS
- Java
- 프로그래밍 언어론
- 컴퓨터 네트워크
- 데이터모델링과마이닝
- useEffect
- codesandbox
- websocket
- 프로그래머스 완전탐색
- 프로그래머스
- 리액트
- design pattern
- 장고
- 백준
- JavaScript
- 코틀린
- 자바스크립트
- react hook
- useState
- 프로그래머스 자바
- 자바 공부
- NextJS
- 자바
- react firebase
- React JS
- Today
- Total
목록sass (2)
기록하는 개발자
scss에서 색을 지정할 때 rgba형식에서 opacity 적용이 안되는데 아래와 같이 변수로 지정하여 넣어주면 rgba에서 opacity 사용이 가능하다. 결과화면 Main.js import "./main.scss"; const Main = () => { return ( Scss에서 rgba 사용 시 opacity 적용 방법입니다. ); }; export default Main; main.scss $custum-color: #000000; $custum-opacity: 0.5; .container { background-color: rgba($custum-color, $custum-opacity); width: 500px; height: 500px; margin: 0 auto; }
CSS(Cascading Style Sheets) css는 문서의 스타일을 구현하는 스타일 시트 언어이다. 프로그램의 크키가 커질수록 css 파일들이 지저분해지고, 유지보수가 힘들어지는 경험을 해본 적이 있다. 불필요한 선택자(Selector)의 과도한 사용과 연산 기능의 한계, 구문(Statement)의 부재 등이 그 이유이다. CSS 전처리기는 그러한 CSS 작업을 보다 쉽게 해주며 가독성과 재사용성을 높여 유지보수가 용이해지도록 도와준다. CSS 전처리기 위에서 설명한 CSS의 부족한 점들을 해결하기 위해 만들어졌다. 종류 : SASS(SCSS), Less, Stylus, PostCss 장점 - 재사용성 : 공통 요소 또는 반복적인 항목을 변수, 함수로 대체 가능하다. - 시간적 비용 감소 : 임의..