0421

오늘은 프로젝트 Day !!!

타입스크립트 및 RN 공부를 하면서 로그인 페이지를 작업합니다

• 밤에 jsonPasrer 버그를 수정합니다 !

피커 회의

api 백엔드랑 얘기하는 부분은 주로 정보를 어떤 형태로 주고 받는 것이 좋을지에 대해서 서로 얘기하는구나 !

디자이너가 UX흐름 짜는데 피드백 뿐만 아니라 처음부터 같이 짜고 싶은 마음은 많다. Ux에 관심이 많아서 …

근데 공부도 그렇고 개발 실력에 여유가 있어야 더 많이 참여할 수 있을 듯 ! 지금은 피드백 수준에서 만족을

스타일드 컴포넌트

Styled-Components

• Sass 설치 필요 없이 중첩 문법 쓸 수 있음
• class 이름 중첩되는 걱정 No!
• 웹팩 및 eject 따로 클래스 네임 등등 사스 모듈 설치 필요 없음

요러한 장점들 덕분에 Sass -> 이후 차세대 스타일 도구로 넘어가고 있는 추세이다 :D

• Props
  및 직관적인 이름 사용 컴포넌트에 스타일이 붙은 이름으로 사용하므로 개발자들이 컴포넌트만 보고 구조를 보기 더 용이

injectGlobal

1
2
3
4
5
6
7

injectGlobal`
  margin: 0;
  padding: 0;
`

마치 css에 reset or normalize해주는 부분을 injectGlobal로  
아니면 다 같이 쓰는 메인 폰트 같은 친구들!!!

withComponent & extend

1
2
3
4
5
6
7
8
9

너무 매력적인 부분은 
const Anchor = Button.withComponent("a").extend`
    text-decoration: none;
`
<Anchor href="http://google.com" danger>Go to google</Anchor>
버튼의 앵커속성을 다 갖춘 .. 마치 자바스크립트+타입+컴파일러 -> 타입스크립트 만들듯이 비유가 구렸다.
컴포넌트들을 합성할 수 있다는 것이 완전 쿨하다 ~~

여기에 컴포넌트들이 아무거나 와도 되는 것 아니한가!