# layout

216개의 포스트
post-thumbnail

[React]AntDesign 알아보기

여기서 아이콘을 찾아 볼 수 있다. https://ant.design/components/iconCameraOutlined.jsxdefaultkey는 처음 렌더링 됬을때 nav1,nav2,nav3 중에 어떤 것을 default로 보여줄 것인지에 대해 결정하는

4일 전
·
0개의 댓글
·
post-thumbnail

[iOS] UICollectionViewCompositionalLayout

이번엔 Compositional Layout이다! 어? 구조가 은근 간단하네?

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링 과정 & 렌더링 최적화

브라우저 렌더링 : HTML, CSS, JavaScript 등 개발자가 작성한 문서가 브라우저에 출력되는 과정 브라우저는 기본적으로 렌더링을 수행하는 렌더링 엔진을 가지고 있다. 브라우저 렌더링 과정 사용자가 브라우저를 통해 웹 사이트에 접속한다. 브라우저는 서버로

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

13day - Layout

isEdit={true}가 BoardWrite 안에 들어가면 props.isEdit로 받아올 수 있었다. 하지만 props를 꼭 컴포넌트 안에만 작성할 수 있는 것은 아니다.BoardWrite 태그로 묶고 안에 div를 작성하면 props로 들어가게 된다.기존에(왼쪽)

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

UITableView Header Layout

headerView가 있는 TableView에서 높이는 제대로 맞는데, 이상하게 셀수가 많아질 상황에서 끝까지 스크롤되지 않는 문제가 발생했다.

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

[SeSAC Front-end] CSS Grid로 반응형 Layout 만들기

브라우저 사이즈에 따라서 반응형으로 웹 페이지 레이아웃이 변경되도록 하는것이 이번 장의 목표입니다.flex를 이용하는 방법으로도 레이아웃을 만들 수 있지만, 이번에는 Grid를 이용해보겠습니다.Live Demo 👈 우리가 작업할 레이아웃을 미리 확인할 수 있습니다.

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

[CSS] flex 삽질일기

flex를 공부하다가 생긴 문제와 그걸 해결하면서 추가로 공부한 내용을 정리했습니다.CSS flexbox에 대한 기본적인 이해가 있어야 읽기 편합니다.부트캠프 과정 중 CSS 시간에 계산기의 스타일을 작성하는 과제가 있어 만만하게 봤다가 시간을 엄청 들이고 겨우 해결했

2022년 11월 2일
·
3개의 댓글
·
post-thumbnail

flex2

flex-items에 적용할 수 있는 속성들

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #012일

HTML 구성CSS 구성HTML 구성CSS 구성HTML 구성CSS 구성최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다.onmouse(마우스를 올릴때 바뀌는 이벤트)onmouseover="this.src='경로'" onmouseout="this.src='경

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

flex

요새 많이 쓰는 flex에 대해서 알아보자

2022년 10월 30일
·
0개의 댓글
·

[프론트엔드] HTML Layout

Layout 종류 1. Fixed Layout • 고정너비(px)로 구성 • 화면 해상도에 상관없이 동일한 너비로 표시 • 화면 해상도에 따라 과도한 공백 혹은 스크롤 유발 • ex. 네이버 pc버전 사이트 2. Fluid Layout • 백분율(%)로 구성

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

HTML & CSS 2

페이지 레이아웃과 Flex

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

[TIL] CSS 기초(2) & 연습하기: filter selector, 웹페이지 만들어보기 - 221013

CSS 기초 - Filter selector와 layout 연습하기!

2022년 10월 14일
·
0개의 댓글
·
post-thumbnail

타임리프 에러 | CSS, JS 파일 못읽을 때

레이아웃을 적용한 페이지에 개별 CSS, JS파일이 적용되지 않는다개별 CSS, JS파일 적용 태그를 head 태그로 감싸지 않았다.<head> 태그로 감싸고 나니 개별 CSS, JS파일이 적용되었다.

2022년 10월 14일
·
0개의 댓글
·
post-thumbnail

[Let U Win] CSS Grid (feat. styled-component)

네이버 블로그에서 이전, 원글 작성일시 : 2021.12.16.00:19지난 포스팅에 이어, 이번엔 CSS Grid를 이용해 배치를 완성시켜 보자!원하는 결과는 아래와 같다.들어가기 앞서, 너무너무너무너무너무 자세하고 친절한 설명으로 날 이해시켜주신 고마운 곳을 밝히고

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

[Let U Win] Material-UI(Mui) Grid

네이버 블로그에서 이전, 원글 작성일시 : 2021.12.15.23:01컴포넌트의 배치를 하고싶어 졌다.시중(?)엔 다른 좋은 페이지 레이아웃 예시들이 넘쳐난다.하지만 혼자 해보고싶기도 하고, 10 중에 필요한 1, 2가지를 위해 불필요한 것을 지우는 것보다내가 필요한

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

[Android Studio] 레이아웃 구성요소

최지웅 교수님의 '사용자 인터페이스 및 실습' 수업을 기반으로 정리한 안드로이드 애플리케이션 개발 방법

2022년 10월 10일
·
0개의 댓글
·

[리액트를 다루는 기술] Outlet과 Layout을 이용해 라우터 관리

Outlet은 Route의 children으로 들어가는 JSX 엘리먼트를 보여줌위 코드에서 Artielces 위에 Outlet 추가만약 Outlet Route의 children이 많으면 해당 path에 맞는 children만 출력Layout이 들어갈 페이지들을 Layo

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

[AutoLayout] make constraint programmatically

storyboard 안 쓰고 AutoLayout constraints 만들기

2022년 10월 7일
·
0개의 댓글
·