KIMHAEUN.COM

프로필사진

  • 분류 전체보기 (94) N
    • WORK (13)
      • 당근 (13)
    • Frontend (9) N
      • 🌐 React (8)
      • 🎨 CSS (1)
      • 🔨 JS (3)
      • 📌 JQuery (4)
    • Side Project (10)
      • 💾 Database (2)
    • Conference (1)
    • Computer Science (4)
      • 👩🏻‍💻 JAVA (2)
      • Computer Network (1)
      • 딥러닝 (0)
      • CS (0)
    • Design (10)
      • ✸ Human Interface Guideline (9)
    • Apple Developer Academy (7)
      • App (7)
      • 🎇 Swift (6)
    • HGU (4)
      • ⚡️ 한동대학교 학생주도 해커톤 Azit (2)
    • Code (18)
      • Codility (17)
  • 홈
  • 태그
  • 방명록
  • 인스타그램
  • 링크드인
styled-component 로 코드 리팩토링하기 0. 왜 공부하나해커톤 웹사이트를 만들며 팀원의 코드 간에 css 간섭이 일어나 몇번의 수정을 거쳤다. 리액트에 css를 주는 방법이 다양하지만, styled-component는 알고만 있었지 사용해본 적은 한번밖에 없는 기술이다.시행착오의 해결책으로 styled-component로 방식을 바꾸기로 하였고, 생코 교수님 강의를 들어보려 한다. 강의 시간이 14분밖에 안되니까 정리겸 한시간안에 끝내는 걸 목표로 하며 블로그를 켰다. 1. 기존의 인라인 css 선언과 styled-component의 비교 - 왼쪽은 함수를 정의하고 리턴값으로 버튼태그를 두어 버튼 태그를 최상위 태그로 하는 컴포넌트를 생성한다. - 오른쪽에서 styled-component를 살펴보면, styled-components를 ..
이전 1 다음
맨 위로

티스토리툴바