1. CSS의 cascading에 대해 설명해 주세요 HTML 요소에 부여된 CSS의 속성들이 상위에서 하위로 상속되는Top -> Down 방식입니다. 우선순위에 결정 방법에 따른 부여입니다 예를 들어 id선택자, class선택자, tag선택자, 요소에 Direct로
branch merge의 방법에는 merge 와 rebase 방법이있습니다.두가지 모두 하나의 branch로 통합한다는 면에서는 같은데 세부적으로 commit에 대한 부분이 다른 것으로 이해했습니다master 브랜치(main) 와 신입인 저를 위한 rookie 브랜치가
자바스크립트에서 ==와 ===는 어떠한 값의 비교하는 연산자로 사용합니다 '=='과 '==='은 값을 비교 하는 방법에 차이가있습니다.== 은 두 값이 동등 한지 비교할때 쓰입니다. 이때 형변환이 일어날수 있습니다.=== 연산자는 엄격한 비교를 수행하며, 형 변환이 없
var: 중복 선언 허용됩니다. 동일한 변수명으로 여러 번 선언해도 오류가 없고, 마지막 선언이 기존 값을 덮어씁니다.let: 중복 선언을 허용하지 않습니다. 동일한 변수명으로 여러 번 선언하면 오류가 발생합니다.const: 중복 선언을 허용하지 않습니다. const로
HTTP(하이퍼텍스트 전송 프로토콜)는 웹에서 데이터를 주고받기 위한 프로토콜로, 클라이언트와 서버 간의 통신을 담당합니다.HTTP는 클라이언트와 서버 간의 요청과 응답으로 이루어진 클라이언트-서버 모델을 따릅니다. 클라이언트는 서버에 요청을 보내고, 서버는 해당 요청
실제 구조:DOM은 웹 페이지의 실제 HTML 요소들을 나타내는 트리 구조입니다. 각 HTML 태그는 DOM의 노드로 표현됩니다.JavaScript를 사용하여 DOM을 동적으로 조작할 수 있습니다. 즉, 웹 페이지의 내용, 구조, 스타일 등을 동적으로 변경할 수 있습니
모든 리액트 컴포넌트에는 생명주기가 존재 렌더전에서 페이지가 사라질때까지의 주기를 말함 React 컴포넌트의 생명주기(lifecycle) 메서드들은 컴포넌트의 생명주기 동안 특정한 시점에 자동으로 호출되어 컴포넌트의 행동을 제어 시점의 작업을 수행합니다React가 컴포
CSS-in-JS는 스타일 정의를 css나 scss 파일이 아닌 JavaScript로 작성된 컴포넌트에 바로 삽입하는 스타일 기법이다.기존 웹사이트는 HTML, CSS, JavaScript를 각자 별도의 파일로 두었는데, React나 Vue, Angluar와 같은 모던
서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG) 지원:Next.js는 기본적으로 SSR 및 SSG를 지원하여 초기 로딩 속도를 개선하고 검색 엔진 최적화(SEO)에 도움을 줍니다.SSR은 서버에서 페이지를 렌더링하여 클라이언트에 전달하므로 초기 로딩 시간을
정적 타입 체크:TypeScript는 정적 타입을 지원하여 변수, 함수, 객체 등의 타입을 명시적으로 선언할 수 있습니다.이는 개발 중에 발생할 수 있는 타입 관련 오류를 미리 방지하고 코드의 안정성을 향상시킵니다.코드 가이드 및 자동 완성:IDE에서 TypeScrip
CORS는 웹 브라우저에서 실행되는 스크립트가 다른 도메인의 자원에 접근할 때 발생하는 보안 기능입니다. 웹 브라우저는 보안상의 이유로 동일 출처 정책(Same-Origin Policy)을 따르는데, 이는 다른 도메인에서 리소스를 요청하는 것을 제한합니다. 만약 서로
Google 소셜 로그인을 실행하기 위해서는 일련의 과정을 거쳐야 합니다. 여기에는 사용자, 프론트엔드 애플리케이션, 백엔드 서버, 그리고 OpenID Connect 프로바이더 (Google) 간의 상호작용이 포함됩니다. 아래는 각 단계에 대한 요약 설명입니다.사용자