TIL #44. 플젝2 styled component, CSS, 기업협업소개

ceres·2020년 3월 11일
0

TIL

목록 보기
16/34

(20/3/11)

styled component TIL

1) styled component는 이름 그대로 component이다. 따라서 부모의 값을 받을 때 props를 사용한다.

2) scss 처럼 자기자신을 받을 때는 & 기호를 사용한다

const Title =styled.div`
color: blue;
& : hover {
  background-color: black}
`;

3) 다른 컴포넌트를 사용할땐 $기호를 사용한다.

const Circle = styled.div`
background-color: black;
`;

const Name = styled.div`
color: blue;
${Circle} {
background-color: red}
`;

css TIL

페이지에서 오른쪽에 width: 240px 을 준 경우를 가정해보자, 그러면 외쪽의 width값은 어떻게 줘야할까? (부모에 display:flex 를 줘서 나란히 둔다고 가정할때)
width : calc(100%-240px)을 주면 된다. calc 은 calculate의 약자이다.

기업협업

  • 만약 새로운 기술을 사용한다면 피하지말고 기업협업에서 사용해본 후, 자신과 맞으면 취업할 때 그 기술을 사용하는 곳도 지원할 수 있고 (취업 폭이 넓어진다.), 그 기술이 자신과 정 맞지 않으면 취업할 때 그 기술 사용하는 곳을 제외하면된다.
  • 멘토님들이 우리 기수에는 가지 못할 실력은 없다고 하셨으니 믿고 가자
  • 기업협업시 기업에서 원하는 것을 충족시킬 수 없다고 느껴진다면 좌절하거나 포기하지말로 그렇다면 나는 여기서 무엇을 얻어갈 수 있는지에 대해 고민하자.
  • 나만의 목표를 세우자

0개의 댓글