- 자료의 구조를 표현하기 위한 언어, 자료, Document - 세상에 존재하는 모든 웹 페이지는 HTML로 작성 더보기 What is HTML? HTML (Hypertext Markup Language) is a markup language that defines the structure of your content.
APIs란? Application Programming Interface 이 중에서 WebAPIs는. Javascript 언어 자체에 포함되어 있는 아이가 아니고, 브라우저가 제공하는, 브라우저가 이해할 수 있는 함수들 이다. 예를 들어, console API (MDN) Front-end ------요청(req)-----> Back-end (Server)
7 different folders for partial Sass files, and 1 main Sass file to import all other files into a compiled CSS stylesheet. The 7 folders base/ basic product definitions components/ one file for each component layout/ define the overall layout of the project pages/ styles for specific pages of the project themes/ want to implement different visual themes abstract/ put code that doesn't output any..
To set the font-size to pixels is very bad. body { font-size:10px; } /*very bad*/ for example, when they have bad sight and cannot see so good, then some people actually increase the default font size of their browser. The problem is that by doing so we actually override the browser font size setting that the user can manually change in the settings, and many people actually do that. Now if we s..
Every CSS property must have a value. Is there a cascaded value? -if yes, Specified value == Cascaded value -if not, Is the property inherited?(specific to each property) and if yes, Specified value == Computed value of parent element ∴ This is Inheritance! if not, Specified value == Initial value(specific to each property) like padding and margin -> not inherited. be extremely impracticable. In..
#1 Declaration ① Declared value ② Cascaded value ③ Specified value ④ Computed value ⑤ Used value (final calculation) ⑥ Actual value root font-size -> 16px(Browser default) section font-size -> 1.5rem -> computed: 16px * 1.5 = 24px(Inheritance) #2 Inheritance Example(x) How to convert to pixels Result on pixels % (font) 150% x% * parent's computed font-size(16px) 24px % (length) 10% x% * parent's..
This is so extremely important because getting started with CSS is actually very easy but really knowing what's going on behind scenes is completely different, and it's really not as easy as getting started. [Specificity] 1. inline styles 2. IDs 3. classes, pseudo-classes, attribute 4. Elements, pseudo-elements (Inline, IDs, Classes, Elements) CSS declarations marked with !important have the hig..
Github에서 로컬PC와 연결하기 위해 보통 http를 사용했는데, 이번에 SSH키를 등록하고 사용해보았다. $ cat ~/.ssh/id_rsa.pubid_rsa.pub(열쇠)와 id_rsa(자물쇠)는 열쇠-자물쇠와 같은 단짝이다. git bach에서 위와같이 접근해서 키를 복사해서 깃헙 셋팅설정에 SSH키를 저장했었는데, 꼬여버려서 다시 생성하기로 했다. 일단, 열쇠와 자물쇠관계인 id_rsa.pub, id_rsa 를 찾아가서, 둘 모두 삭제한다. $ rm ~/.ssh/id*$ ssh-keygen 이 전에 강하게 키를 설정해서 에러가 났었다. 아래 명령어가 강하게 설정하는 방법... ~/.ssh 안에 세가지 파일이 존재(default), 로컬 PC 1대 당 하나의 SSH 설정으로 사용 가능하다. $ ..
그동안 헷갈렸던 px, %, rem, em에 대해, 각 단위들이 어떻게 픽셀(px)로 변환되는지 살펴본다. See the Pen px, %, em, rem by shinhyejin (@clara-shin) on CodePen. # 단위변환 (단, x(%)는 px로 변환하려는 현재 값) font(%) = 부모의 font-size(px) * x(%) lengths(%) = 부모의 lengths(width or height)(px) * x(%) font(em) = 부모의 font-size(px) * x(em) lengths(em) = 스타일을 지정한 해당요소의 font-size(px)[각주:1] * x(em) rem = root(html)의 font-size(px) * x(rem) font(em), lengt..
