개발하는지호

커스텀 Component 구현

by 개발하는지호

1. 컴포넌트 생성

  1. JS 코드를 작성할 수 있는 HTML 파일 or JS 파일 생성
  2. 내가 생각하는 의미있는 단위로 구성될 HTML Element, CSS, JS 코드 작성
  3. 작성한 코드들을 하나의 컴포넌트로 그룹화시켜줄 컴포넌트 생성 문법 사용
  4. 컴포넌트 사용(or 컴포넌트를 외부에서 사용할 수 있도록 export)

2. 컴포넌트 네이밍 규칙

  1. 일반적으로 커포넌트는 대문자로  시작해야 한다.
  2. 소문자로 사용할 경우 HTML에서 제공하는 표준 태그와 이름이 충돌하 수 있다.

3. 로그인 입력 폼 구현(ex)

구성요소

  1. Username과 Password를 입력받을 수 있는 입력 폼
  2. 로그인 버튼
  3. 비밀번호 찾기 링크

--> 공통되는 부분은 별도의 컴포넌트로 추출하여 구현해보기

 

블로그의 프로필 사진

블로그의 정보

DevSecOps

개발하는지호

활동하기