# @media screen

4개의 포스트
post-thumbnail

Front-end 국비지원 #011일

반응형 웹디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지.창크기가 줄어들어도 가로로 스크롤이 생기지 않고 설정한 비율을 그대로 유지한다.HTML 구성CSS 구성창크기를 줄이면 오른쪽 3개의 메뉴중 3번째 메뉴가 하단으로 맞춰지는 반응형 레이

2022년 10월 29일
·
0개의 댓글
·
post-thumbnail

[리액트를 다루는 기술] news.api.org에서 뉴스 데이터 받아와서 화면에 출력(feat. 반응형) & a태그 target과 rel

useEffect 내부에서 async 즉시 실행함수를 작동Loading 값에 따라 대기 중... 뜰 수 있도록 returnarticles 값이 없으면 빈 화면 출력\_self(기본값): 현재 창에서 이동\_blank: 새 창에서 이동href가 필수로 있어야함프로퍼티 종

2022년 10월 21일
·
0개의 댓글
·

[리액트] 반응형 @media screen and ()

d.ts 파일에 device, PC 등 변수를 만들어 props로 크기 넣기보통 제외하고 @media screen만 사용함only : 뒤의 조건에서 만not : 뒤의 조건을 제외한all : 모든 미디어 타입aural : 음성 합성 장치braille : 점자 표시 장치h

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