allblack의 개발 새발 allblack의 개발 새발

잡설 예전에 작성했었던 scss 관련 글이 인기가 많이서 추가적인 내용을 써볼까 한다. scss와 styled-components의 차의 점? 일단은 둘 다 사용 방법은 비슷하다 #box{ &>div{ } &::before{ } } 이렇게 태그 안에 내용을 넣을 수 있다는 점은 동일하다. 가장 큰 차의 점은 스타일 변경 과정에 차이가 있다. 만약 당신이 버튼을 불렀을 때 css를 변경해야 한다고 해보자 styled-components import React,{useState} from 'react'; import styled from "styled-components"; function App() { const [click,setclick]=useState(false); return ( setclick(..

잡설 오랜만에 글을 써본다 ㅎㅎ 요즘 암것도 하기 싫어서 놀고 있었는데 이제 다시 쓰기 시작 해야지ㅎㅎ 본론 요즘에서야 display에도 여러 속성들이 있다는 것을 알게 되었다. 요즘에 알게된 여러가지중에 table에 대해 먼저 알아보자 뭐 긴말이 필요하겠는가? 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87..

잡담 css와 scss와 styled-componets의 차이점을 정리해 봤습니다!! 순서 1.css? 2.scss? 3.styled-components? 1. css가 정확하게 뭐더라?? css의 뜻은 Cascading Style Sheet로 우리말로는 "계단식 스타일 시트?"라고 할 수 있겠다. 왜 만들어짐?? html이 만들어지고 난 뒤에 html에 디자인 요소를 포함시키기 위해 온갖 짓을 다한 결과 html 본연의 목적과 전혀 동떨어진 결과가 나왔고 그와 동시에 html 파일을 이해하는 데 어려움이 생겼다. ※도대체 어떻게 html 만으로 style을 구현했지??라는 궁금증을 가진 분들에게 한 가지 예시를 보여 드리겠다. See the Pen dyYRaVq by famous(유명환) (@famou..