# layout
[React]AntDesign 알아보기
여기서 아이콘을 찾아 볼 수 있다. https://ant.design/components/iconCameraOutlined.jsxdefaultkey는 처음 렌더링 됬을때 nav1,nav2,nav3 중에 어떤 것을 default로 보여줄 것인지에 대해 결정하는
[iOS] UICollectionViewCompositionalLayout
이번엔 Compositional Layout이다! 어? 구조가 은근 간단하네?
브라우저 렌더링 과정 & 렌더링 최적화
브라우저 렌더링 : HTML, CSS, JavaScript 등 개발자가 작성한 문서가 브라우저에 출력되는 과정 브라우저는 기본적으로 렌더링을 수행하는 렌더링 엔진을 가지고 있다. 브라우저 렌더링 과정 사용자가 브라우저를 통해 웹 사이트에 접속한다. 브라우저는 서버로
13day - Layout
isEdit={true}가 BoardWrite 안에 들어가면 props.isEdit로 받아올 수 있었다. 하지만 props를 꼭 컴포넌트 안에만 작성할 수 있는 것은 아니다.BoardWrite 태그로 묶고 안에 div를 작성하면 props로 들어가게 된다.기존에(왼쪽)
UITableView Header Layout
headerView가 있는 TableView에서 높이는 제대로 맞는데, 이상하게 셀수가 많아질 상황에서 끝까지 스크롤되지 않는 문제가 발생했다.
[SeSAC Front-end] CSS Grid로 반응형 Layout 만들기
브라우저 사이즈에 따라서 반응형으로 웹 페이지 레이아웃이 변경되도록 하는것이 이번 장의 목표입니다.flex를 이용하는 방법으로도 레이아웃을 만들 수 있지만, 이번에는 Grid를 이용해보겠습니다.Live Demo 👈 우리가 작업할 레이아웃을 미리 확인할 수 있습니다.
[CSS] flex 삽질일기
flex를 공부하다가 생긴 문제와 그걸 해결하면서 추가로 공부한 내용을 정리했습니다.CSS flexbox에 대한 기본적인 이해가 있어야 읽기 편합니다.부트캠프 과정 중 CSS 시간에 계산기의 스타일을 작성하는 과제가 있어 만만하게 봤다가 시간을 엄청 들이고 겨우 해결했
Front-end 국비지원 #012일
HTML 구성CSS 구성HTML 구성CSS 구성HTML 구성CSS 구성최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다.onmouse(마우스를 올릴때 바뀌는 이벤트)onmouseover="this.src='경로'" onmouseout="this.src='경
[프론트엔드] HTML Layout
Layout 종류 1. Fixed Layout • 고정너비(px)로 구성 • 화면 해상도에 상관없이 동일한 너비로 표시 • 화면 해상도에 따라 과도한 공백 혹은 스크롤 유발 • ex. 네이버 pc버전 사이트 2. Fluid Layout • 백분율(%)로 구성
[TIL] CSS 기초(2) & 연습하기: filter selector, 웹페이지 만들어보기 - 221013
CSS 기초 - Filter selector와 layout 연습하기!
타임리프 에러 | CSS, JS 파일 못읽을 때
레이아웃을 적용한 페이지에 개별 CSS, JS파일이 적용되지 않는다개별 CSS, JS파일 적용 태그를 head 태그로 감싸지 않았다.<head> 태그로 감싸고 나니 개별 CSS, JS파일이 적용되었다.
[Let U Win] CSS Grid (feat. styled-component)
네이버 블로그에서 이전, 원글 작성일시 : 2021.12.16.00:19지난 포스팅에 이어, 이번엔 CSS Grid를 이용해 배치를 완성시켜 보자!원하는 결과는 아래와 같다.들어가기 앞서, 너무너무너무너무너무 자세하고 친절한 설명으로 날 이해시켜주신 고마운 곳을 밝히고
[Let U Win] Material-UI(Mui) Grid
네이버 블로그에서 이전, 원글 작성일시 : 2021.12.15.23:01컴포넌트의 배치를 하고싶어 졌다.시중(?)엔 다른 좋은 페이지 레이아웃 예시들이 넘쳐난다.하지만 혼자 해보고싶기도 하고, 10 중에 필요한 1, 2가지를 위해 불필요한 것을 지우는 것보다내가 필요한
[Android Studio] 레이아웃 구성요소
최지웅 교수님의 '사용자 인터페이스 및 실습' 수업을 기반으로 정리한 안드로이드 애플리케이션 개발 방법
[리액트를 다루는 기술] Outlet과 Layout을 이용해 라우터 관리
Outlet은 Route의 children으로 들어가는 JSX 엘리먼트를 보여줌위 코드에서 Artielces 위에 Outlet 추가만약 Outlet Route의 children이 많으면 해당 path에 맞는 children만 출력Layout이 들어갈 페이지들을 Layo
[AutoLayout] make constraint programmatically
storyboard 안 쓰고 AutoLayout constraints 만들기