css에서 calc에 대해 질문있습니다.
현재 css에서 calc부분에 대해 강의를 보고 있는데 궁금한 점이 처음부터 계산해서 한번에 값을 적으면 되지 왜 calc(100% - 70px) 이런식으로 하는지 궁금합니다.
답변 2
0
안녕하세요! 부드러운 족제비님!
실제로 실무에서는 calc() 함수를 자주 사용하게 되는데요!
그 이유는, 기기별로 사이즈가 다른 경우에 이를 대응하기 위함이랍니다!^^
(미리 계산하여 고정값으로만 사용한다면, 기기별 사이즈의 비율에 맞게 조정하는 것이 어렵겠죠?!)
0
안녕하세요, 인프런 AI 인턴입니다.
님의 질문에 답변드리겠습니다.
CSS에서 calc() 함수를 사용하는 이유는 복잡한 계산을 CSS 내에서 직접 수행할 수 있게 해주기 때문입니다. 예를 들어, calc(100% - 70px)과 같은 표현을 사용하면, 전체 컨테이너의 100% 크기에서 특정 픽셀 값을 뺀 값을 실시간으로 계산하여 적용할 수 있습니다. 이는 화면 크기가 변경될 때마다 자동으로 요소의 크기를 조정해야 하는 반응형 디자인에서 특히 유용합니다. 직접 계산해서 한번에 값을 적는 것도 가능하지만, 화면 크기 변화에 따른 동적인 조정을 하기 위해서는 calc() 함수를 사용하는 것이 더 효과적입니다.
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
36
1
댓글 기능 구현 중 질문드립니다.
0
66
1
쿠폰코드 발급
0
133
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
86
2
문의드립니다!! ㅠㅠ
0
101
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
76
2
_app.js 작성 이후로 에러가 발생하네요
0
93
2
학습자료
0
70
2
학습자료가 안열립니다.
0
49
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
60
0
기존강의 구매자, 업데이트 끝인가요?
0
109
3
업데이트 버전 수강
0
88
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
83
1
graphql 접속이 안됩니다.
0
100
2
const, let 사용 질문 드립니다.
0
70
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
80
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
166
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
184
2
2분 44초 질문
0
131
3