개발자 퉁이리

Flexbox Flexbox는 반응형 레이아웃 및 구성 요소를 만드는 데 사용된다. Flexbox는 CSS3 레이아웃으로 사용자 인터페이스에 대해 최적화된 배치를 해준다. 지금부터 행과 열 형태로 레이아웃을 구성하는 Flexbox에 대해 알아보자 Flexbox 적용법 display : flex; 적용법은 간단하다. Flexbox를 적용하고 싶은 레이아웃에 대해 display 속성을 flex로 설정하면 된다. FlexBox를 설정하면 여러 속성을 활용하여 커스터마이징을 할 수 있다. 위 사진을 보면 여러 속성이 있는 것을 확인할 수 있다. 기본 Flexbox 속성들을 지금부터 알아보자. Flexbox 속성 main axis main-start | main-end main size cross axis cro..

인터페이스 인터페이스는 타입을 정의하는 강력한 방법으로 변수, 함수, 클래스의 타입을 정의할 수 있게 도와준다. 인터페이스는 변수, 함수, 클래스의 타입을 정의함으로써 일관성을 유지시켜주는데 크게 기여한다. 인터페이스가 어떻게 작동하는지 다음 예시를 통해 확인하자. interface Items { id: string category_id: string category_name: string name: string price: number } 위 예시를 보면 Items라는 인터페이스 안에 여러 변수가 들어있다. 그리고 각각 타입이 지정되어 있는 것을 확인할 수 있다. interface 형식 interface 이름 { 키: 타입 key : type } interface를 선언한 후 이름을 지정해준다. 그리고..