khakha's dev log

  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 관리자

inline style 1

[React] Typescript + Inline style

원티드 프리온보딩 인턴십 1주차 과제로 사전 과제로 만든 todo list의 Best Practice를 선정하여 리팩토링하는 과제를 수행하였다. 내가 사전과제로 제출한 디자인 시스템을 따르게 되어서 나는 UI 개발(디자인 스타일링)을 맡기로 했다. 과제 자체가 간단했기 때문에 component도 구현할 것이 많지는 않았지만 팀원들이 css는 작성하지 않고, 스타일 관련된 props를 넘겨주는 것으로 재사용할 수 있는 component를 개발하는 것에 집중했었다. elements로 Button과 InputFiled를 구현하였는데 InputFiled는 크게 입력창과 체크박스 두가지로 나누어서 개발하였고, 체크박스 구현에는 react-icons를 가져다썼었다. 위의 이미지와 같이 할 일이 완료된 상태일 때 아..

Frontend/React 2023.07.05
이전
1
다음
더보기
프로필사진

박하린의 개발 일지

글쓰기 | 관리자

  • 분류 전체보기 (104)
    • Edu (6)
      • KB IT's your life (6)
    • Frontend (21)
      • React (13)
      • Error (4)
      • Next.js (4)
    • Language (23)
      • python (3)
      • javascript (2)
      • Typescript (4)
      • JAVA (4)
    • Algorithm (36)
      • DP (1)
      • Greedy (2)
      • Bruteforce (7)
      • DFS,BFS (2)
      • Implementation (4)
      • BinarySearch (4)
    • 개발서적 (2)
      • 쏙쏙 들어오는 함수형 코딩 (2)
    • Finance (12)
    • CS (1)

최근글과 인기글

  • 최근글
  • 인기글

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바