본문 바로가기
반응형

프론트엔드

반응형
[자기계발]/유튜브로 코딩배우기 2021. 8. 11. CSS 단위 총정리 - em과 rem이 제일 중요하다 이 편에서는 CSS 에서 중요한 단위인 em 과 rem 에 대해 알아볼 것이다. 흔히 쓰였던 px 는 반응형 웹사이트를 만들기에 좋지 않다. 기억해야 할 것은 html의 기본은16 픽셀 이고, 이것에 따라 상대적으로 em과 rem을 결정한다는 것이다. em은 부모 요소 대비 / rem 은 루트 요소 대비 상대적인 것 parents에 8em 이라는 것은 parent의 부모 요소인 HTML의 16픽셀의 8배가 곱해진 값이다. 즉, 16px * 8 = 128 parents 안에 있는 child가 0.5em 이면 128의 0.5배 = 64px 가 출력된다. em(relative to parent element)은 부모 요소 대비 상대적으로 글자 크기가 결정이 되고 rem(realtive to root eleme..
[자기계발]/유튜브로 코딩배우기 2021. 8. 7. HTML, 프론트엔드를 위한 도움되는 사이트 모음. 포트폴리오, 프로젝트 팁 HTML이란? HTML은 브라우저에서 실행 가능한 가장 기본적인 파일이고, markup 언어로 구조적으로 tag들을 이용해서 보여주며 상위 tag안에는 총 2가지 head 와 body 가 있다. head에는 상세설명이 들어가고, body에는 사용자에게 보여지는 tag들로 이루어져 있다. 태그들은 어디서 확인하나? MDN에서 확인 할 수 있다. HTML elements reference - HTML: HyperText Markup Language | MDN This page lists all the HTML elements, which are created using tags. developer.mozilla.org HTML 기본 구조 배치보는 곳 Document and website structure -..
[자기계발]/유튜브로 코딩배우기 2021. 7. 23. [드림코딩 엘리] 자바스크립트 최신 ES6강의! 데이터타입, var 보다는 let을 쓰기, hoisting이란? 타입스크립트란? 코딩 유료강의를 찾다가 드림코딩이 괜찮다고 해서 강의를 신청하였다. HTML, CSS, JavaScript를 생활코딩에서 배웠으므로 유료강의중 이 3가지를 모두 활용하는 브라우저 101를 선택하였다. 가격은 $100불로 117,000원 정도이다. 하지만 진도를 나가자마자 콱 막히게 되었다. 까먹은 부분이 매우 많았으며 또 사용하는 코드도 달랐다. 다시 강의를 자바스크립트 강의를 듣자니 또 너무 시간이 걸리지 않나 하고 생각했지만 드림코딩 엘리님의 강의를 듣고 나니 겸손해졌다. 생활코딩도 물론 좋지만 강의가 너무 오래돼서 인지 엘리님과의 코드와는 많이 달랐다. 그래서 2배속으로 한번 훑어보자는 마음을 접고 다시 차근차근 배워나가기로 했다. 매일 1강씩 출발! 프로그래밍 언어에서 가장 중요한것은 입력 / 연..

티스토리툴바