| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 프로그래머스 비밀 암호 해독
- CSS
- 프로그래머스 봉인된 주문
- 프로그래머스 호텔 방 배정
- 프로그래머스 택배 상자 꺼내기
- 다익스트라 Js
- 리렌더링최적화
- zustand
- 충돌 위험 찾기
- 최소힙우선순위큐
- 프로그래머스 퍼즐 게임 챌린지
- 프로그래머스 숫자 타자 대회
- 프로그래머스 충돌 위험 찾기
- 프로그래머스 석유 시추
- 프로그래머스 지게차와 크레인
- react hook
- 프로그래머스 완전범죄
- react-router-dom
- 컴퓨터네트워크
- 프로그래머스 사칙연산
- 비밀 암호 해독
- JS우선순위큐
- 비동기함수
- git
- C++
- 서버증설횟수
- react상태관리라이브러리
- react-quill
- 프로그래머스 1843
- BFS
- Today
- Total
목록CSS (2)
leebaek
[CSS] 반응형 웹 - 디바이스 별 해상도를 알아보자
안녕하세요.오늘은 반응형 웹을 만들기 위해 디바이스 별 해상도를 알아보는 시간을 갖도록 하겠습니다. 캡스톤에서 UI 디자인도 맡게 되었습니다 ㅎ디자인을 시작하기 전에 디바이스별 해상도를 알아야 레이아웃을 정할 수 있을 것 같아 급하게 공부하고 있습니다~~그럼 시작해볼까용~ ■ 데스크탑 해상도■ 모바일 해상도■ 반응형 웹■ 데스크탑 해상도아래 사이트는 Statcounter Global Stats로, 전 세계의 실시간 디바이스 사용 통계를 보여주는데요.https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide/#monthly-202402-202502 Desktop Screen Resolution Stats Worldwide | Statcoun..
iOS에 이어 리액트에도 발을 들이게 되었는데요 !! 캡스톤에서 iOS 대신 리액트를 써 개발을 해보려구 해요. 🥹 ( 도전 ~ )아직까진 간단한 컴포넌트 만드는 정도만 할 줄 알아요. . . ㅋㅋ 오늘은 CSS 방법 중 하나인 Styled-Components에 대해 포스팅 해보려구 합니다. ■ Styled-Components란 ?■ Styled-Components 선택 이유■ 반응형 스타일 적용하는 방법■ Styled-Components란 ?CSS-in-JS 방식의 스타일링 라이브러리로, JavaScript 코드 내에서 직접 CSS를 작성할 수 있습니다. ✔️ CSS-in-JS 방식CSS 코드를 별도의 .css 파일에 작성하지 않고, JavaScript 코드 내에서 직접 작성할 수 있음컴포넌트별로 스..