본문 바로가기

Today I Learned (TIL)

TIL 리액트 펜레터 페이지 만들기 -2- (스타일 컴포넌트 css 자동완성) 23.11.17

728x90
반응형

TIP) Styled-Component 자동완성 플러그인

styled Component를 사용하면 동적으로 요소(element) 스타일을 꾸밀 수 있다.그런데 styled Component에서 css 코드를 작성 시, 자동완성이 안되어 일일이 코드를 입력해야한다.그러면 실수를 할 경우 에러나 버그가 발생할 수도 있고, 무엇이

velog.io

상단 바에 배경 이미지를 넣으려고 별짓을 다하다가 알고 보니 오타가 있었다 .....

배경 이미지를 넣기 위해 고군분투했는데 알고 보니 경로에 오타가 있었다... ㅠㅠ이걸 발견 못하다니

칸사이랑 입력창 조정을 해준다 컴포넌트 스타일 작성이라 그런지 아직 더디다

상단 바 UI는 금방 만들 줄 알았는데 컴포넌트들이 쌓이다 보니 점점 가독성이 떨어져 수정하기가 어려워진다

닉네임이랑 input 칸이 이상하게 떨어져 있는 건 label 태그로 해결했다

기본 css 사용방법이랑 거의 유사하지만 익숙지 않아 그런 거 같다

컴포넌트들이 늘어날수록 이름 짓는 게 어려워진다.... 뭔가 하려 하면 겹치는 느낌이라

구분을 잘 지을 수 있도록 작명해 봐야겠다 오늘은 스탠더드 반 수업과 동시에 코드 많이 짜본다고 짰는데

속도가 안 나온다... 내일 주말에도 코딩해야지... 오늘은 계속 작업만 하느라 이만 마무리해야겠다

 

 

728x90
반응형