# width

25개의 포스트

width요소(outerWidth & innerWidth & width)

※여러줄 주석 처리주석 구역 드래그 후, Alt + Shift + A요소의 순수 너비 + padding + border= 300px + 100px + 20px = 420pxouterWidth + margin= 420px + 100px = 520px요소의 순수 너비 +

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

220823 JavaScript

※여러줄 주석 처리 주석 구역 드래그 후, Alt + Shift + A innerheight outerWidth & width 이벤트객체 mouseWheel이벤트 파이어폭스에서는 작동하지 않음 원시타입과 참조타입 3항연산자 switch

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

생활코딩 - <Web> 10~11 : 코딩(coding) 실습하기, 일반인과 코딩을 배운 지식인의 차이점, HTML 의 중요성, 속성(Attribute) 이해하기, 인기 있는 태그 img (이미지 넣기)

생활코딩. web과 HTML 10 ~ 11 학습정리내용입니다. 10) html (html이 중요한 이유) 누구나 기초가 중요하다고 말한다. 하지만 기초가 중요하다는 말을 잘 들어보면 응용으로 가는 과정으로서 기초가 중요하다는 뜻인 경우도 많이 있다. 사실 기초는

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

5월26일 개발일지

오늘도 css와 관련된 수업을 들었다. html 을 기본으로스타일을 주어 꾸미는 작업을 하였다. 어려웠던 점으로 width나margin, padding을 주어 크기를 조절하는 작업이 어려웠고해결 방법으로 내가 연습하며 익숙해져야 겠다.오늘 강의도 유익한 내용을 배웠다.

2022년 5월 26일
·
0개의 댓글
·

[CSS] width(min-content, max-content, fit-content)

width를 적용하는방법은 여러가지가 있습니다.절대값을 적용하는 px상대값을 적용하는 %이 외의 속성으로는 다음과 같습니다.글보다는 그림으로 보시면 이해가 빠를것입니다.엘리먼트의 너비를 최소로 줄이고 싶을 때 사용합니다.최소 너비는 엘리먼트의 컨텐츠 크기로 결정됩니다.

2022년 5월 25일
·
0개의 댓글
·

5/25일 개발일지

오늘은 반응형 웹페이지 만드는 방법을 배웠다. 웹 페이지에반응하는 버튼을 만드는 것이었다. 기본적인 html에다가css로 색상,크기, 그리고 이미지 주소 를 걸어서 이미지를 배경에 추가 할 수도 있었다. 아직 모르는 점이 많아 미흡하지만강사님 설명을 열심히 듣고 있다.

2022년 5월 25일
·
0개의 댓글
·

[react-native]비디오 가로 세로 싸이즈 저장하기 (portrait/landscape) - 싸이즈 이상 표현

리액트 네이티브 구현하면서 겪었던 ... 다른분들은 안겪었으면 해서 남기는 글앱에서 비디오 업로드를 할때 imagePicker라던지 ... 여튼 picker를 사용할 것이다. picker로 파일을 선택하는 순간 해당 비디오 파일의 width/height/duration

2022년 5월 7일
·
0개의 댓글
·
post-thumbnail

box - model

!youtube_3xFkIfc-5U각 태그들이 웹 페이지에 표현될 때사각형의 형태(box)로 그 태그의 부피감을 결정한다박스모델 관련 속성들width, height, margin, padding, display, border ...margin : 태그와 태그 사이의 여

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

브라우저 제어

https&#x3A;//stackoverflow.com/questions/43537559/javascript-getboundingclientrect-vs-offsetheight-while-calculate-element-heighgetBoundingClientRect(

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

[Android] Switch 버튼 customizing

Switch는 Thumb를 앞 뒤로 움직여서 On / Off 2가지 상태를 선택할 수 있는 위젯입니다.스위치 버튼을 넣어달라는 요청이 들어와서 UI를 확인해보니 아래와 같은 버튼이 생겼습니다.많이 봤던 디자인이니 쉽게 끝낼 수 있을거라고 생각하고 xml에 들어가봅니다.

2021년 10월 28일
·
0개의 댓글
·
post-thumbnail

[CSS] Box Model

Box Model의 margin, border, padding 영역과 관련된 내용을 다룬다.

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

[Flutter개발노트] 09.01 Platform Exception & AlertDialog

학교에서 대여한 맥북을 반납하고, 부득이하게 윈도우 환경의 데스크탑에 프로젝트를 이전해왔다. 세팅을 끝내고, 작업을 시작하려 에뮬레이터에 빌드했는데, 로그인 화면에서 홈 화면으로 이동이 안됐다. 에러 로그를 확인해보니 Platform Exception(sign_in)이

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

CSS의 width , height 속성

요소의 가로 / 세로 너비기본값(요소에 이미 들어있는 속상이 값), auto : 브라우저가 자동으로 너비를 계산. 이때 브라우저는 해당 요소가 block 요소인지 인라인 요소인지 기타 어떤 특성을 가지고 있는 지에 따라서 그 요소가 가지고 있는 가로 너비를 다르게 화

2021년 5월 21일
·
0개의 댓글
·

[Python] openpyxl - 엑셀 다루기

https&#x3A;//stackoverflow.com/questions/60248319/how-to-set-column-width-to-bestfit-in-openpyxl

2021년 5월 11일
·
0개의 댓글
·

width 100%인데 좌우스크롤이 생길 때

반응형을 코딩하다가 width 100%인데 자꾸 padding만 넣으면 좌우스크롤이 생겼다.그럴 땐 width: 100%를 한 영역은 margin이나 padding을 설정하지 말고그 안쪽 div에서 설정을 하면 좌우스크롤이 생기지 않는다.예를 들면위와 같은 경우에는 1

2021년 4월 15일
·
1개의 댓글
·
post-thumbnail

3.HTML 에서 그림과 링크 표현

HTML 문서에 표시할 이미지 파일의 이름/경로 지정\-필수 속성GIF | JPG | PNG256색상지원 트루컬러 트루컬러투명배경처리 좋은압축률 투병배경처리용량이작음 용량이작음 웹전용이미지파일고로나클립아트 사진이미지 클립아트와 같이문서

2021년 3월 3일
·
0개의 댓글
·

TIL - 마진을 벗어나는 width 잡기(boxSizing)

같은 것은 소용이 없었다. 자식은 부모의 너비를 이길 수 없다.부모 엘리먼트에게 마진을 주고 너비의 한계를 주자.그럼 자식 엘리먼트는 아무리 벗어나려고 해봤자 부모의 너비에서 멈춘다.이렇게 생각하니 조금 슬프군.

2020년 12월 21일
·
0개의 댓글
·
post-thumbnail

[TIL] 특정 DOM 의 크기 가져와 사용하기

어떠한 포스트를 열면 드롭다운 형식으로 내려오게 되는 UI를 개발하는 과정에서 퍼센테이지가 작동하지 않고(설계상의 문제일 수도 있다) 오로지 px로 값을 설정해야 애니메이션이 작동 될 때가 있다.특정 DOM의 정보를 가져오는 작업을 진행해야할 때 참고하려 작성해두는 포

2020년 11월 27일
·
0개의 댓글
·
post-thumbnail

[CSS]CSS_3. Box Model

1\. 기본문법2\. 단위3\. Box model     3-1. 3-1. width, height, padding, border, margin 4\. Display property5\. 요소의 정렬&위치6\. 레이아웃7\. 수평 수직 중앙정렬8\. 기타box-siz

2020년 9월 21일
·
0개의 댓글
·

flex-basis

flex-basis.MDN에서 flex-basis를 다음과 같이 정의하고 있다.flex-basis CSS 속성은 플렉스 아이템의 초기 크기를 지정합니다.display: flex 특성 상, content의 width가 viewport 보다 크면 width를 따르지 않고

2020년 7월 26일
·
0개의 댓글
·