📌 GIT LAB

Branch 네이밍

• 브랜치는 모두 소문자로 작성한다.
  • ex)
  • back/feat1-join, back/feat44-makepost, front/feat55-gogo, front/style667-hello

Commit 컨벤션

• feat: 새로운 기능 추가
• docs: 문서 수정
• fix: 버그 수정
• env: 패키지 매니저 수정, 그 외 기타 수정 ex) .gitignore
• style: CSS 등 사용자 UI 디자인 변경
• refactor: 코드 리팩토링

🙏🏻 Styled-Component

$ npm i styled-components

const 태그 이름 = styled.HTML태그명`
	// css 문법의 스타일 정의
	// 백틱으로 묶기
`

import React from "react";
import styled from "styled-components";

const Container = styled.div`
    width:300px;
    height:500px;
`

const Name= styled.p`
    font-size: 20px;
`

const Text= styled.p`
    font-size: 15px;
`

funtion Message() {
  return(
    <Container>
			<Name>song ji yoon</Name>
      <Text>Lorem Ipsum</Text>
    </Container>
  )
}