HTML 문서에는 기본적으로  상대경로 vs. 절대경로1. css/style.css ➡︎ 상대경로2. /css/style.css ➡︎ 절대경로- 1번은 현재 HTML 파일과 같은 경로에 있는 css폴더 내의 style.css 파일을 의미- 2번은 현재 사이트의 메인경로(예를들어, www.tistory.com)부터 시작해서 www.tistory.com/css/style.css 파일을 첨부하라는 뜻- 즉, 슬래시( / )기호가 처음부터 붙어있으면 사이트 메인경로부터 시작하라는 의미 2.  3. - 사이트 제목- 사이트에 제목을 넣는다.- 브라우저 탭에 뜨는 이름이다. 4. - 메타 인코딩형식 지정 : charset="UTF-8"사이트검색 결과화면에 뜨는 글귀 수정하고 싶을 때:name = "descr..

Code 편집 Command + x  한줄 삭제Command + c  코드복사Command + v  코드 붙여넣기  현재 커서 기준으로,Command + Enter  밑에 한줄 추가Command + Shift + Enter  위에 한줄 추가Option + Down(▼)  그 줄 전체를 밑으로 이동Option + Up(▲)  그 줄 전체를 위로 이동Shift + Option + Down(▼)  그 줄 전체를 아랫줄에도 복사넣기Shift + Option + Up(▲)  그 줄 전체를 윗줄에도 복사넣기Command + d  커서가 위치한 해당 단어와 동일한 단어 선택 후 각 단어 마지막에 커서가 이동함Command + Option + Down(▼)  커서를 아래에 추가Command + Option + Up(▲..

/* I found it should be written my post what I learned for fully understanding so I am going to talk about the box model of CSS in Korean. Hope you can also get my point. 😎 */ HTML웹페이지 문서의 골격을 만들고, CSS로 스타일링을 줄 때 우리는 박스모델이라는 개념을 접하게 된다. 하나의 콘텐츠가 웹 페이지 내부에 위치하게 될때, 하나의 콘텐츠는 박스모델을 갖는다. 박스모델은 4개의 박스로 구성이 되어있는데, 콘텐츠박스 > 패딩박스 > 보더박스 > 마진박스로 감싸진다. 박스를 만들 때 주의점이 하나 있다면, 원래 div박스에 width 값을 주면 패딩과 보더를 고려..

In CSS we broadly have two types of boxes - block boxes and inline boxes. These characteristics refer to how the box behaves in terms of page flow and in relation to other boxes on the page. Boxes also have an inner display type and an outer display type. First, we will explain what we mean by block box and inline box. We will then explain what is meant by an inner and outer display type. If a b..

- 자료의 구조를 표현하기 위한 언어, 자료, 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)

When giving a presentation, 1) How to introduce yourself2) And your presentation3) How to transit through the stage of the presentation4) How to conclude your presentationSo, let's straight to it.1)a. Introduce yourselfb. greet the audiencec. introduce the presentation- Hello, My name is ________. Welcome to Today's presentation. I will be speaking about _____________.- Good afternoon. My name i..

bank on something-을 의존하다 / 믿다 / 기대하다 / 신용하다- "I'm sure he'll help."틀림없이 그가 도와줄거야.- "Don't bank on it."기대하지 마.

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 definitionscomponents/one file for each componentlayout/define the overall layout of the projectpages/styles for specific pages of the projectthemes/want to implement different visual themesabstract/put code that doesn't output any CSS such ..