HTML, CSS, JavaScript

HTML은 웹페이지를 만들기 위한 언어, 웹브라우저 위에서 동작하는 언어이다.태그는 정보를 정의하는 형식이다. 또한, 태그의 형식은 아래 처럼 이루어진다.<태그명 속성명1="속성값1" 속성명2="속성값2"> 컨텐츠 </태그명>아래의 코드로 예를 들어보면, a

HTML 은 웹사이트의 뼈대를 설정해주는 것, CSS는 그 뼈대를 치장, 즉 사용자들이 보기 좋게 꾸며준다고 생각하면 편하다.( 의미 있는 이미지를 사용할 경우) img 태그로 표현한다. alt 태그로 대체 문자를 표현한다.( 의미 없는 이미지를 사용할 경우) back

사이트의 웹 페이지의 구조 개념을 나타낸다. 시멘틱 태그를 사용하여 아래와 같이 간단하게 웹사이트의 구조를 나누어보았다. 아래 링크는 내가 짠 html 코드가 구조에 잘 맞게 짜여졌는지 확인해주는 'html5 outliner' 라는 사이트이다.https://g

특정 요소에 float: left를 쓰게 되면 해당 부분 구조가 깨지게 된다. 구조가 깨지는 것을 방지하기 위해 쓰는 방법 중 하나가 clearfix이다. 나는 상위 박스에 보통 을 많이 써서 구조 깨짐을 방지하였었다. 분명 overflow: hidden;을 사용할

뉴스 API를 갖고와 사이트에 목록을 보여주려고 할 때, 내용이 50줄 이상 넘어가는 내용을 간추려서 보여주고 싶을 때

클로저는 반환된 내부함수가 자신이 선언됐을 때의 환경(Lexical environment)인 스코프를 기억하여 자신이 선언됐을 때의 환경(스코프) 밖에서 호출되어도 그 환경(스코프)에 접근할 수 있는 함수를 말한다. 간단히 말하면 "클로저는 자신이 생성될 때의 환경(L

JavaScript에서 Scope(스코프)란? 변수와 함수 등의 식별자(identifier)가 유효한 범위를 의미한다. 즉, 스코프는 변수와 함수를 참조할 수 있는 범위를 결정하는 것입니다.JavaScript에서는 스코프의 종류로 크게 두 가지가 있습니다.전역 스코프는

IndexedDB는 서버에 데이터를 저장하는 것이 아닌, 웹 브라우저, 클라이언트 단에 데이터를 저장할 수 있는 DB이다.‏‏‎ ‎‏‏‎ ‎웹브라우저에 db를 저장하면 클라이언트와 서버와 모두 좋은 점이 있다.네트워크를 통하지 않기 때문에 빠르게 데이터를 가지고 올 수

‏‏‎ ‎ JS engine의 구조 JS - Event Loop image Memory Heap 메모리 할당이 일어나는 곳이다. Heap 구조화 되지 않은 넓은 메모리 영역 \=> 객체, 배열들이 담긴다. Call Stack(호출 스택) 실행될 코드

기본적인 js에서 클래스 선언은 위와 같이 한다. 또한 class 안에서 선언되는 함수들은 function 이라는 키워드를 생략한다.객체가 만들어지기 직전에 실행되는 함수가 존재하는데 그게 바로 constructor 라는 함수이다. 함수의 이름은 바꿀 수 없다.위의 코

Iterator가 무엇일까?위의 코드를 살펴보면 당연히 배열은 어느 누구나 알다시피 1~7의 범위의 숫자가 들어있는 변수 array 이다.바로 밑에 있는 iterator 변수에 들어있는 iterator 함수는 1~7의 값을 구하는 값이다. iterator를 만들게 되면

Task Queue는 JS 에서 비동기 처리를 담당하는 Queue이다.Macro Task Queue, Micro Task Queue 두 개로 구분되며 Task Queue 와는 별개로 처리하는 AnimationFrameQueue 가 존재한다. 또한 이 3개의 Queue는