이영's 개발로그

이영's 개발로그

  • 분류 전체보기 (42)
    • 글 (4)
      • 개발 (1)
      • soft skill (1)
    • 자바스크립트 (4)
      • TypeScript (1)
      • 알고리즘 (2)
      • 기본 (1)
    • 프론트엔드 (15)
      • ReactJS (5)
      • ReduxJS (2)
    • 테스트 (0)
    • CS (5)
      • 네트워크 (5)
    • 기타 (2)
      • TIP (0)
  • 홈
RSS 피드
로그인
로그아웃 글쓰기 관리

이영's 개발로그

컨텐츠 검색

태그

원티드 프리온보딩 상태관리 네트워크 보안 토큰 SSR TCP 브라우저 Redux Spa 프론트 frontend 렌더링 프로토콜 js 로그인 리액트 MPA react 프론트엔드

최근글

댓글

공지사항

아카이브

레이아웃 구성(1)

  • 반응형 페이지 - 모듈화 디자인 하기

    모듈화 디자인 반응형 웹 개발의 대세는 페이지 만들기 에서 컴포넌트 만들기로 이동했다. 컴포넌트 기반으로 웹을 제작하면 마치 블록 장난감을 조립하듯 각각의 컴포넌트간 조합을 이용해 화면을 디자인할 수 있다. 모듈화된 디자인은 작업 효율에 많은 도움이 된다. 여러개의 페이지는 각각의 다양한 레이아웃을 가지지만, 페이지를 구성하는 컴포넌트의 형태는 비슷한 경우가 많기 때문에 컴포넌트에 초점을 맞추고 웹을 만들면 일이 줄어들게 된다. 반응형 컴포넌트를 만들고, 그것들을 조립해 하나의 페이지를 만들면 페이지는 자연스럽게 반응형 페이지가 된다. 스타일 재사용이 용이하다. 필요한 경우 추가 스타일을 적용하면 된다. 페이지의 일관성을 유지하기가 용이하다. ResetCSS 웹 브라우저 마다 default 값으로 스타일..

    2023.07.02
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바