| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- react jsx
- React props
- 생활코딩
- jsx 문법
- 리액트
- 기술면접
- 맥북 초보
- mysql
- 백준 알고리즘
- Express middleware
- 백준 단계별로 풀어보기
- Node.js Express
- 맥북 사용법
- 자바 영어면접
- node.js
- 자바 인터뷰
- react state
- React
- 백준
- 아톰에디터
- 알고리즘
- Java tech interview
- tech interview
- 자바 기술면접
- 자바 면접
- AtomEditor
- 자바 개발자
- 맥북 팁
- 맥북 유용한 앱
- 맥북 필수 앱
- Today
- Total
목록DevLog/CSS (2)
song.log
1. Viewport 란? 뷰포트(Viewport)는 사용자에게 보여지는 웹페이지의 영역으로 반응형 웹을 만들 때 고려되는 사항이다. 반응형 웹(Responsive Web)은 모바일, 테블릿, PC 등 다양한 디바이스의 디스플레이에 맞춰 뷰포트가 변하는 웹 사이트를 말하는 것이다. 즉, 화면이 바뀔 때마다 화면에 맞춰 스타일이 바뀌게 되는 웹 형태를 말한다. HTML5 부터 태그로 각 디바이스에 따른 뷰포트에 맞춰 렌더링 영역을 설정할 수 있다. content=width=device-width 페이지의 너비를 기기의 뷰포트 너비대로 설정 initial-scale=1.0 처음 페이지 로딩 시 확대/축소가 되지 않은 원래의 페이지 사이즈를 사용하도록 설정 2. Viewport를 기준으로 한 단위 ( vw /..
[CSS] margin/padding 사용법, 한줄로 적을 때 순서
1. margin / padding ? margin : 바깥쪽 여백 padding : 안쪽 여백 2. margin / padding의 사용법 1. 방향마다 각각 지정 margin-top:10px; margin-right:20px; margin-bottom:15px; margin-left:30px; padding-top:10px; padding-right:20px; padding-bottom:15px; padding-left:30px; 2. 상하 좌우 같을 때 (margin/padding: [상=하] , [좌=우]) margin: 10px 20px; margin: 0 20px; margin: 20px 0; padding: 10px 20px; padding: 0 20px; padding: 20px 0; 3...