위클리페이퍼

Cascading의 사전적 의미는 위에서 아래로 쏟아지는, 작은 폭포 와 같은 의미를 가지고 있다.

Semantic은 '의미의', '의미론적인'이라는 뜻을 가진 형용사이다. 따라서 시맨틱 태그란 의미를 가진 태그를 말한다.검색엔진최적화(SEO): 검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 따라서 제목은 h1, 중요한 단어는 strong

HTML 화면상의 Layout을 결정하는 CSS요소는 다음과 같다.display 속성의 flex (flex-box)display 속성의 grid position이번에는 Position 속성의 종류와 특징에 대해 알아보려 한다.Position은 각각의 element들이

git을 이용해서 작업하다보면 별도의 branch를 생성하고 작업을 진행한다. 개개인의 기능적인 테스트를 위함도 있지만, 다수와 작업을 진행할때는 conflict를 피하고 개인적인 history를 commit으로 남겨 작업 진행에 용이함을 이용할 수 있는 장점이 있기

브랜치 전략이란 여러 개발자가 하나의 저장소를 사용하는 환경에서 저장소를 효과적으로 활용하기 위한 work-flow다. 브랜치의 생성, 삭제, 병합 등 git의 유연한 구조를 활용해서, 각 개발자들의 혼란을 최대한 줄이며 다양한 방식으로 소스를 관리하는 역할을 한다.즉

변수 선언 시 참조타입은 기본적으로 메모리의 주소를 가지고있다. 때문에 기본적으로 변수 복사 시 데이터가 아닌 메모리의 주소를 가져온다. 때문에 원본의 데이터를 수정하더라도 같은 주소를 가지고있는 복사본이 같이 수정이 되는등 복사방식에 따른 데이터착오가 발생할 수 있다

호이스팅은 자바스크립트 특성으로 코드를 실행하기 이전에 함수, 변수, 클래스 드으이 선언문을 코드 실행범위 최상단으로 끌어올려 선언하는 현상을 의미합니다.var은 함수의 선언단계와 초기화단계가 같이 이루어집니다. 선언함과 동시에 초기화를 같이 진행하게 되는데, 이러한

특정 화면에서 어떠한 기능을 동작하기 위해선 상황에 맞는 이벤트를 등록해줘야한다. HTML은 각 요소들이 노드를 이루는 트리구조를 가지고 있기때문에 부모가 자식을 감싸는 형태의 노드가 대다수 발생한다. 그렇게되면 특정 요소의 이벤트가 자식에서 발생해야하는지 부모에게서

HTTP 메소드에는 여러가지 존재하는데 그중 GET, POST, PUT, PATCH, DELETE 에 대해서 간단하게 알아보자.데이터를 가져올때 사용한다. body에 요청 파라미터를 넣는 것이 아닌, 쿼리를 사용하여 요청한다.데이터를 등록,추가할 때 사용한다. 추가할

결과는 3이 출력될 것이다. setTimeout은 web API로 task queue 를 통하여 call stack에 쌓일텐데 // 3번 num이 3으로 바뀐 후 // 4번 콘솔이 출력된 다음 task queue에 저장된 setTimeout의 callback 가져와 s

React(리액트)는 Virtual DOM을 사용한다. 리액트는 SPA로 한 페이지 내부에서 끊임없이 화면이 변화하는 랜더링 과정을 거치게 된다. 일반적인 DOM의 경우 사소한 한 부분이 변경되더라도 DOM내부 전체가 리랜더링 과정을 겪게되는데 리액트에 적용하기엔 대규

컴포넌트를 생성할 때 최초 한번만 실행하고 싶은 코드, 서버에서 데이터를 받아오면 업데이트하고 싶은 코드 등 특정 시점에 코드를 실행할 필요가 있습니다. 리액트는 컴포넌트에서 생명주기 메소드를 활용해 특정 시점에 코드를 실행할 수 있도록 지원하고 있습니다.클래스형 컴포

CSR은 웹 브라우저에서 JavaScript로 HTML을 생성하여 렌더링하는 방식입니다.장점페이지 전환 속도가 SSR보다 빠르며, 깜빡임 없이 부드럽게 페이지가 바뀝니다.JavaScript에서 HTML을 생성하는 연산 작업이 서버에 집중되지 않아, 서버에 부하가 적게