# 100%
백준 초보 문제집을 다 풀고..
[ 첫도전에 대한 소소한 마음 _ 뿌듯 ] 떨리는 마음으로 시작했던 코딩테스트 였는데, 어느새 1차 목표로 했던 초보 문제집을 다 풀었다.. 성취의 느낌도 물론 있었지만, 작다면 작은 스스로에 대한 도전이었고 시험이었다! 내가 잘하지 못하는 것에 대한 두려움에 도전하면서 익숙함으로 만드는 것. 처음에는 어색하고 난해한 느낌도 들었지만, 풀이를 지속하면서 속도도 향상되고 생각도 깊이 하게되어 만족스럽다!! 이제 어려운 문제 풀러가야지.. 늘 도전하고 성취할 수 있는 자세를 잃지 않기를
CSS_헷갈리는 개념(2)
width, height 의 크기를 변경하는 방법중 100%와 vh의 개념을 정리하고자 한다. 일단, inline요소의 항목은 넓이, 높이를 지정할 수 없다. 만약 크기를 조절하고 싶다면 display속성을 block으로 변경해줘야한다. width,heigth100% width=100%; 는 부모요소의 크기를 기준함 (->height도 마찬가지) > div에 width:100%;를 설정하면 아무반응이 일어나지 않는다. 왜냐, %는 부모요소의 영향을 받는 단위이기 때문에 div의 부모인 body에 값을 설정해줘야 작동한다. !codesandbox[gifted-wu-zr5bm?fontsize=14&hidenavigation=1&theme=dark] width=auto;는 자식요소의 내용을 기준으로 크기가
width값 100vw와 100%
그동안 난 헛배운것이야... width값 100vw 100%의 차이점은? 어라? 나 왜 모르지?? 어떻게 모를 수 있지??? 공부한지 1년이 다 되어가는데 모른다니 부끄럽고 스스로에게 화가난다. 그러니 이참에 제대로 공부해보자! (mdn과 여러 기술블로그를 구글링하여 공부하므로 아래에 출처를 밝힙니다!) viewport > vw/vh: viewport width/height viewport 뷰포트 웹브라우저에서 viewport는 현재 창에서 문서를 볼 수 있는 부분(전체화면이라면 화면 전체)을 말합니다. viewport 바깥의 콘텐츠는 스크롤 하기 전엔 보이지 않습니다. (출처: mdn) Viewport 단위는 viewport의 치수를 기준으로하고 있기 때문에 요소의 폭, 높이, 크기를 viewport에 맞게 설정해야하는 상황에서 매우