# 레이아웃

61개의 포스트

[Android] FrameLayout

FrameLayout은 자식으로 추가된 여러 뷰 위젯들 중 하나를 Layout의 전면에 표시할 때 사용함Frame이 액자라는 의미를 가지고 있는데 이를 생각해보면 액자는 사진을 끼워서 사용을 하게 되는데, 이 액자는 사진을 빼고 원하는 사진을 끼기도 하는 등 이와 마찬

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

웹 페이지 HTML 구조 한눈에 보는 확장

이 글은 웹페이지 HTML 구조 한눈에 보는 꼼수 - oneook 을 보고 작성하게 되었습니다.velog를 보다가 꼼수를 배웠다. 이 코드를 사용해서 모든 layout을 한 눈에 볼 수 있도록 해준다고 한다. 흥미롭지만 이 코드를 매번 복사하고 다니기 귀찮으니까 어딘가

2021년 9월 7일
·
0개의 댓글

[Android] Swiperefreshlayout

아래로 당겨서 새로고침을 표시해주는 레이아웃임이를 사용하는 이유는 많은 양의 데이터를 서버로부터 받아와 화면에 표시한다면 어느 정도의 시간이 걸림, 이때 그냥 화면이 멈춰있게 된다면 사용자는 앱이 멈춘 것이라고 생각할 수 있음이때 이를 표시하기 위해서 사용하기 위한 용

2021년 9월 6일
·
0개의 댓글
post-thumbnail

📒TIL)CSS 레이아웃

오늘은 CSS를 사용하면서 많이 헷갈리기도 position, inline, block, inline-block 등을 알아볼려고 합니다.Position속성은 화면상에서 엘리멘트(요소)의 위치를 어디다 줄지 결정 할수 있도록 해주는 속성입니다.즉 포지셔닝을 할 방법을 지정

2021년 9월 2일
·
0개의 댓글
post-thumbnail

Day-3 레이아웃의 모든 것

.

2021년 9월 2일
·
0개의 댓글
post-thumbnail

웹페이지 HTML 구조 한눈에 보는 꼼수

HTML은 쉬우면서도 어렵다. 맥락에 맞게 군더더기 없이 시맨틱 태그를 잘 활용해서 작성해야 한다. HTML 작성을 잘 한다는 것은 마치 탄탄한 글을 쓰는 것과 같다.마음에 드는 페이지가 있고, 레이아웃을 참고하고 싶은데 각 컴포넌츠를 몇 Depth까지 구현했는지 개발

2021년 8월 28일
·
29개의 댓글

[Android] TableLayout

일반적으로 레이아웃 구성에 있어서 LinearLayout, RelativeLayout, ConstraintLayout등 View들에 배치에 대해서 고민을 하고 구상을 하지만, 이러한 구상을 깊게 생각하지 않고 구성을 할 때도 있음그 중, Table 형태 즉 표의 형태를

2021년 8월 21일
·
0개의 댓글
post-thumbnail

[Android] ConstraintLayout

일반적으로 흔히 LinearLayout을 활용하여 레이아웃을 중첩해서 뷰 위젯을 배치하거나혹은 RelativeLyaout을 통해서 상대적 위치 관계에 따른 배치를 하거나 함그런데 ConstraintLayout은 레이아웃 구성 시, 뷰 위젯의 위치와 크기를 유연하게 조절

2021년 8월 12일
·
0개의 댓글
post-thumbnail

ReactBootStrap 레이아웃 디자인하기

react bootstrapreact bootstrap 공식 사이트로 들어간 뒤 navbar를 검색하고 원하는 예제를 긁어와서 붙여줍니다.여기까지 하고 실행시키면 에러가 납니다.컴포넌트 상단에 import를 해줘야 정상적으로 작동됩니다.다른 컴포넌트들도 있으니 함께 i

2021년 8월 5일
·
0개의 댓글
post-thumbnail

CSS 레이아웃 실습

CSS 레이아웃 실습

2021년 7월 6일
·
0개의 댓글

#7 CSS_레이아웃 실습

과정명 : 대구 AI 스쿨 일반과정강의 : 웹프로그래밍김인권\_4레이아웃\_210509주제 : css그 동안의 수업내용을 토대로 웹페이지의 레이아웃을 구성하는 실습을 진행했다. 또한 또 다중페이지로 구성된 사이트의 특성을 적용하여 여러 웹페이지를 연결하는 작업까지 진행

2021년 7월 6일
·
0개의 댓글

7/6 레이아웃 실습

오늘 내용은 대부분 실습으로 진행되어 이론설명이 적습니다.github : https://github.com/youngeun998/project-1css center trick https://css-tricks.com/centering-in-css/fl

2021년 7월 6일
·
0개의 댓글

07.06 레이아웃_3

!codepenkim-min-jii/embed/RwVrJye?defaultTab=css%2Cresult&theme-id=dark✔️ li들은 float : left; 로 x축 정렬 / ul에는 overflow : hidden;을 입력.✔️ a태그와 list태그 고유의

2021년 7월 6일
·
0개의 댓글
post-thumbnail

210706 개발일지

웹 프로그래밍, html, css, 레이아웃, 실습

2021년 7월 6일
·
0개의 댓글

2021.07.06 CSS-5

Day7, 어제까지 배운 레이아웃을 오늘은 실습했다.

2021년 7월 6일
·
0개의 댓글
post-thumbnail

개발일지(2021-07-06)

저번 실습수업에서도 만들었던 카카오 친구 리스트, 네이버 메인화면, 네이버 뉴스 부분의 틀을 만들고 거기에 CSS를 적용해서 정렬을 했습니다.HTMLCSSHTMLCSSHTMLCSS상하좌우 모든 곳에 공백을 적용하는 것과 정렬할 때 flex를 입력하는 값을 아직까지 어떤

2021년 7월 6일
·
0개의 댓글