cascading은 CSS 규칙을 순서에 따라 계단식으로 합치는 것을 말한다.스타일 우선순위는 다음 3가지에 의해 결정된다.중요도명시도코드 순서스타일이 선언된 위치에 따라 우선순위가 결정프로그래머 스타일시트 > 사용자 스타일시트 > 브라우저 스타일시트속성 뒤에 !imp
시맨틱 태그는 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그다.시맨틱 태그의 요소로는 <header>, <nav>, <main>, <section>, <footer> 등이 있다.검색 엔진이 html에 있는 태그를 파악해서 사이트를 분석하게
두 브랜치의 변경 사항을 모두 유지하면서 병합하는 방법이다.모든 변경 사항을 유지하기 때문에 커밋 히스토리가 복잡해질 수 있다.분기했던 브랜치에서의 모든 변경 사항을 하나의 커밋으로 압축하여 병합하는 방법이다.커밋 히스토리를 간단하게 유지할 수 있지만 작업의 상세한 이
얕은 복사란 객체를 복사할 때 원본값과 복사된 값이 같은 참조(=메모리 주소)를 가리키고 있는 것을 말한다. 객체 안에 객체가 있으면 한 개의 객체라도 원본 객체를 참조하고 있다면 이를 얕은 복사라고 한다. 그러므로 한쪽 객체에서 해당 참조 객체를 변경하면 다른 객체의
1. 이벤트 버블링, 캡쳐링, 위임 캡처링 단계 이벤트가 발생하면 가장 먼저 상위 요소에서 하위 요소로 전파되는 단계 캡처링을 사용하면 이벤트가 타깃에 도달하기 전에 상위 요소에서 이벤트를 미리 감지 이 단계를 활용하려면, addEventListener에 세 번째 프로
1. 예시의 코드를 실행할 때, 콘솔에 출력될 값과 그 이유를 설명해 주세요. 1번: 변수 num을 1로 초기화 2번: 0 밀리초 후에 num을 2로 설정하는 setTimeout 함수 선언, 이 함수는 비동기로 실행되므로 setTimeout의 콜백 함수는 num =
리액트가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 도움엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지정해야 함즉, key는 그 값이 변하지 않는, 유일한 식별자의 역할을 가짐고유성 부여를 위해 key 값은, 배열의 각 항목 간 서로를
리액트 생명주기(life cycle)에 대해 설명해 주세요. 출처: https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/https://projects.wojtekmaj.pl/react-lifecycle-met
1. 본인이 생각하는 CSS-in-JS의 장점과 단점을 설명해 주세요. CSS-in-JS의 장점 CSS의 컴포넌트화로 스타일시트의 파일을 유지보수 할 필요가 없음 JavaSript 환경을 최대한 활용 할 수 있음 JavaScript 변수와 함수를 사용하여 동적으로 스타일을 변경할 수 있음 현재 사용중인 스타일만 DOM에 포함한다. 짧은 길이의 유니크한 클...
1. JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유에 대해 설명해 주세요. 정적 타이핑 지원 기존 JavaScript 문법에 ‘정적 타이핑’을 지원한다. (정적 타이핑 : 변수나 함수에 타입을 지정해 놓고 해당 타입만 계속 사용하는 방식) 코드의 가독성과 유지보수성을 향상 코드에 타입 정보를 명시함으로써 가독성을 높이고,...
1. TypeScript의 동작 원리에 대해 설명해 주세요. 코드를 컴퓨터가 이해하기 쉬운 형태로 바꿔주는 역할을 하는 것을 컴파일이라 하고 이것을 처리하는 프로그램을 컴파일러라고 한다. 텍스트를 컴파일러 프로그램이 파싱하여 AST라는 자료구조로 변환한다. 컴파일러 프로그램이 AST를 바이트코드로 변환한다. 타입스크립트는 컴파일 단계에서 AST를 만들어...