728x90 분류 전체보기154 [CSS] em,vw 단위 최소 글자크기 설정하는 방법 반응형 폰트 사이즈 em과 vw를 사용하면서 최소로 페이지를 줄여버릴때, 제일 작은 폰트사이즈는 이정도로 했으면 좋겠다 싶을 때가 있습니다. 그 방법을 정리해봅니다. em em은 부모요소의 폰트사이즈를 기반으로 표현한 측정 단위입니다. body { font-size: 16px; } p { font-size: calc(1em + 12px); } body의 폰트사이즈가 16px일때, 그 안에 속해있는 p태그가 있다고 가정합니다. 그렇게 되면 부모 요소인 body로 인해 1em사이즈가 16px일것이고 여기에 +12px가 되서 p태그의 폰트사이즈는 28px이 됩니다. p태그는 절대 28px 아래로 떨어지지 않게 됩니다. vw VW는 뷰포인트 width 너비의 퍼센테이지를 부여해서 표현한 측정단위입니다. body.. 2023. 2. 8. [CSS] 폰트 사이즈 단위에 대하여 간단정리(em,vw,vh,px,rem) css 작성할때, px 가급적 사용하지 마세요 라는 말을 언뜻 들은적이 있습니다. px단위가 너무 익숙했던 저는 처음엔 그냥 무슨소리지.. 생각하고있었는데 반응형 홈페이지 디자인을 건드리려니 이제야 그 말이 이해가 되네요. 그렇게 '알아야겠구나' 싶은 폰 트종류들을 나중에 또 까먹을테니ㅎㅎ 간단히 정리해보았습니다. em 부모 태그에 적용되어있는 폰트사이즈에 상대적인 영향을 받는다. 때문에 안정적이고 반응형 디자인에 적합하다. (가장 많이 사용하는듯) vw, vh 뷰포인트의 크기를 vh 기준으로 결정하는 단위이다. 여기서 viewpoint란, 웹페이지에서 보일 수 있는 영역을 말하는데, 페이지가 표시되는 실체 창크기랑 다를수는 있다. vw, vh를 사용할때에는 창크기가 아닌 뷰포트 크기를 기준으로 크기가 .. 2023. 2. 8. [ZOOM] zoom 줌 원격회의 자동결제 해지하기(+업그레이드하는이유) 한창 코로나 시기 이후에 몇달씩 자동결제 하면서 사용했었는데 오랜만에 ZOOM 원격 시스템이 필요한 상황이 와서 결제를 했습니다. 학생들이 집에서 수업을 들어야할수밖에 없고 제가 직접 하는걸 지켜봐야하는 상황이었거든요ㅠㅠ zoom pro로 업그레이드 하고 안하고의 차이 결제를 하는 이유는 결제안하면 무조건 접속인원 상관없이 40분이상 회의유지를 못합니다. 40분이 초과되면 껐다가 다시 회의열고 다시 들어오게 해야합니다. 번거롭게됩니다.. 프로로 업그레이드 결제하면 접속인원이 호스트 포함 2명이상이면 안끄고 계속 유지가 가능합니다. 이외에 많은 기능들이 있지만 그것까진 사용하지 않아서 잘 모르겠습니다..ㅎ 필요에 따라 업그레이드 필요성을 판단하시길.. 40분까지 유지를 해야하는 회의가 잦다면, 업그레이드를.. 2023. 2. 7. [mac] m1 android studio 클릭/더블클릭 안될때 - mac m1 에서 안드로이드 스튜디오로 작업중에, 마우스의 더블클릭이 아예 동작이 안된다. 심지어 클릭도 안될때도 있다.. 답은 있다. 매번 안드로이드 스튜디오를 껐다가 다시키는것.. 정말 안되겠다 싶어 방법을 찾아보았다. 하단의 참고사이트에서 방법을 찾았다.. 참고사이트에서는 키 설정법이 있긴한데 난 그냥 Ctrl Shift A를 누르고 클릭시도를 하니 바로 한번에 해결.... 가끔은 단순한 방법이 나를 살라기도하니.. 참고사이트 안드로이드 스튜디오(android studio) mac환경에서 cmd+shift+a (find action) 사용시 apropos terminal이 뜨는 경우 해결법. ~ Dev. (blogdeveloperspot.blogspot.com) 안드로이드 스튜디오(android.. 2023. 2. 3. [css] 나눔스퀘어라운드 웹폰트 적용하는 방법 서비스하던 사이트에서 나눔스퀘어라운드 웹폰트가 어느날 갑자기 뜨지않아 서치 후 이를 정리해보려합니다.이토록 간단한 방법인데도 웹폰트 적용을 망설여왔다니 아직도 갈길이 멀었나 봅니다.. 나눔스퀘어 라운드 글꼴은 네이버에서 배포하는 무료글꼴인 '나눔글꼴'의 종류 중 하나입니다. 나눔스퀘어라운드 - 눈누나눔스퀘어라운드, 네이버 제작, 고딕, 141K 조회, 다운로드 페이지로 이동, 네이버 나눔글꼴의 지적 재산권은 네이버와 네이버문화재단에 있습니다. 네이버 나눔글꼴은 개인 및 기업 사용자를noonnu.cc 이 눈누 사이트에서빨간색 화살표로 표시해둔 '웹폰트로 사용' 코드를 복사해 왔습니다. @font-face { font-family: 'NanumSquareRound'; src: url('http.. 2023. 1. 30. [xcode] ios 정식버전 아카이브 빌드방법(배포방법) 벌써 flutter로 ios앱을 여러개 올렸네요. 이젠 이런 빌드 방법도 익숙해졌는데, 제가 이 방법을 찾을 당시에는 정리가 제대로 되어있지 않아 고생했던 기억이 납니다. 제 나름대로 정리두려합니다. 1) xcode를 들어옵니다. 2) 왼쪽에 TARGETS에 있는 프로젝트 이름을 클릭하고 3) Build Settings 탭을 누릅니다. 4) 거의 맨 하단으로 스크롤 내리다보면 User-Defined가 있습니다. 그 안에 FLUTTER_BUILD_NAME (버전작성)과 FLUTTER_ BUILD_NUMBER(버전작성의 빌드번호) 예를들어 FLUTTER_BUILD_NAME이 1.0.1 버전을 올리고싶다면 FLUTTER_ BUILD_NUMBER는 첫번째 빌드할때는 1이라고 해도되는데, 배포(심사)누르기 직전에.. 2023. 1. 30. 이전 1 ··· 4 5 6 7 8 9 10 ··· 26 다음 728x90 300x250
