position: fixed: 화면의 크기가 변경돼도 고정된 포지션(초기에 있던 자리)을 유지한다. ->스크롤을 해도 원래 자리가 중앙이라면 중앙에 계속 머무르게 됨 ※주의: top/left/right/bottom 이라는 property 중에 하나만 수정하면 완전 다른 레이어에 위치한다. -> 원래는 다른 요소와 같은 레이어에 존재하다가 예시로 top:5px라고 값을 줘서 수정하면 기존에 있던 요소를 무시하고 그 위에 다른 레이어로 존재하게 된다는 소리이다. 이 때, fixed된 엘리먼트의 위치는 맨 위이다. position: fixed 는 화면상에 꼭 고정돼있어야하는 요소(e.g. 상단 메뉴바)에 적용하면 좋은 속성이다. position: relative; element가 처음 위치한 곳을 기준으로 수..
box구성에서 기본 개념 padding - box의 경계(border)로부터 '안쪽'에 있는 공간 margin - box의 경계(border)로부터 '바깥'에 있는 공간 *margin padding 둘은 반대 개념이겠죠? ※주의: 높이와 너비는 inline에 적용이 안된다(inline은 높이와 너비가 없기 때문에). padding은 inline에 상하좌우로 적용된다. 하지만 margin은 좌우만 가질 수 있다. border - box의 경계선 1.border-style의 속성값에는 여러가지(none, dotted, solid, dasehd etc....)가 있지만 거의 사용하지 않고 자주 사용하는 것은 solid 정도이다. *solid: 실선 *dashed: 점선 2. border 은 inline 요소(..
HTML(hyper text markup language, makeup means "content")는 브라우저에게 웹사이트의 content가 어떻게 구성되어 있는 지 설명할 때 사용한다. 오직 HTML만이 브라우저에게 content가 어떻게 구성되었는지에 대해 설명할 수 있다. CSS (Cascading Style Sheets) - HTML + CSS 둘은 필수 불가결 관계이므로 같이 써야한다. -> 웹페이지를 만들 때 무조건 2언어를 사용해야한다는 것이라기 보다는 CSS를 사용하려면 HTML코드가 필요하기 때문에 필수 불가결한 관계라고 해석함 CSS는 browser에게 웹사이트의 그 content가 어떻게 보여야하는지에 대해 알려준다. e.g.) HTML - "browser야, 그건 title이야, ..
보호되어 있는 글입니다.
- Total
- Today
- Yesterday
- 형제 요소 선택자
- getServerSideProps
- D 플래그
- 프리렌더링확인법
- 틸드와 캐럿
- tilde caret
- float 레이아웃
- ~ ^
- nvm경로 오류
- aspect-ratio
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- Prittier
- 부트캠프항해
- 항해99추천비추천
- 항해99프론트
- 원티드 프리온보딩 FE 챌린지
- 프리온보딩 프론트엔드 챌린지 3월
- 타입스크립트 장점
- nvm 설치순서
- 항해99프론트후기
- 원티드 FE 프리온보딩 챌린지
- fs모듈 넥스트
- reactAPI
- is()
- text input pattern
- && 셸 명령어
- 원티드 3월 프론트엔드 챌린지
- grid flex
- 타입스크립트 DT
- getStaticPaths
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |