DOM, CSSOM 생성(서버로부터 받은 HTML, CSS를 다운로드)Render Tree 생성(DOM Tree와 CSSOM Tree가 만들어졌으면 그 다음으로는 이 둘을 이용하여 Render Tree를 생성)Layout (브라우저 화면의 어느위치에 어느크기로 출력될지

함수 모음

내가 한 방식 알게된 방식

현재 직무를 중심으로 자기소개 지난 1차 면접 어땠는지 현직장에 입사한지 얼마 안 됐는데 이직하는 이유 성격 장점과 단점 자신이 일할 때의 특징..? 추구하는 방법이던가 (빠른 일처리와 뭐라했더라) 어떤 회사에 가고 싶은지 대규모의 회사를 가고 싶다고 했는데 그 이유(위 꼬리질문) 회사에 어떤 사람들이 있었으면 좋겠는지 (원하는 회사 분위기라던가) 인상...

Asynchronous Javascript And Xml비동기식 자바스크립트와 xml브라우저가 가지고 있는 XMLHttpRequest 객체를 이용하여 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법이며, javascript를 사용한 비동

현 직무 중심으로 자기소개이직하는 이유회사에서 작업한 프로젝트들에 관해서 물어봄(구체적으로 어떤 프로젝트인지)백, 프론트중에 프론트를 선택한 이유스트레스는 어떻게 푸는지요즘 공부하고 있는 건 무엇인지현재 회사에서 재택근무 해봤는지 + 재택근무 어떻게 생각하는지주변 지인

API는 응용 프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있도록 만든 인터페이스를 뜻한다.즉, 어플리케이션과 운영체제 그리고 어플리케이션과 프로그래밍 언어가 제공하는 기능 사이의 상호작용을 도와준다.인터페이스는 컴퓨터가 시스템

next에서 styled-components를 사용하면 css 로딩이 늦게 되어서 깜박이는 현상이 발생한다.따라서 \_document파일에 css를 미리 적용해야한다. \_document 파일은 Pages폴더 내부에 존재하는 모든 페이지에 global한 설정값을 줄 수

두 파일 모두 Next.js 어플리케이션에서 모든 페이지에 대해 글로벌한 컨트롤을 할 수 있게 해준다.\_app은 서버로 요청이 들어왔을 때 가장 먼저 실행되는 컴포넌트다. 페이지에 적용할 공통 레이아웃의 역할을 한다.Component 속성값은 서버에 요청한 페이지가

https://www.google.co.kr 입력사용자 브라우저의 호스트파일, 브라우저 캐시에 해당 url의 정보가 있는지 확인(캐싱이 적용되어 있다면, 별도의 DNS(Domain Name System) 요청 없이 URL을 띄울 수 있다.)DNS에 실 ip 주

여기서 document는 html문서를 말한다.트리 구조로 되어있는 객체 모델로써, javascript가 getElementbyid()와 같은 함수를 이용하여 html 문서의 각 요소(li, div와 같은 태그들)에 접근하고 사용할 수 있도록 하는 객체 모델이다.이 트

자바스크립트의 내장 라이브러리로 별도 import가 필요없다.promise 기반으로 만들어졌기 때문에 데이터 다루기 편하다.내장 라이브러리이기 때문에 업데이트에 따른 에러 방지가 가능하다.네트워크 에러 발생 시 response timeout이 없어 기다려야한다.json

next.js를 사용하는 가장 큰 이유는 SEO를 위한 SSR을 가능하게 하기 때문이다.SEO : 검색 엔진 최적화 (Search Engine Optimizatioin)SSR : Server Side RenderingReact는 (CSR)Client Side Rende

단일 페이지로 구성된 웹 애플리케이션을 말하며, 화면 이동 시 필요한 데이터를 서버에서 html로 전달받지 않고, 필요한 데이터만 json 형태로 전달 받아 동적으로 렌더링기존 어플리케이션과 SPA의 차이기존 어플리케이션은 화면 이동 시에 서버에서 html을 전달받아

서버에 세션저장소를 사용하게 때문에 요청 많아지면 서버 과부화 옴토큰 임시 삭제 불가. 토큰 만료 시간을 반드시 기입해야 한다.정보가 많아질수록 토큰의 길이 늘어나 네트워크 과부화payload 탈취해 decode하면 데이터를 볼 수 있기 때문에 보안 문제 있긴 함.

사용자의 브라우저에 저장되고, 통신할 때 HTTP 헤더에 포함되는 텍스트 데이터 파일이름, 값 만료기간(지정 가능), 경로 정보가 있고 키와 값으로 구성되어 있다.해당 사용자의 컴퓨터를 사용한다면 누구나 쿠키에 입력된 값을 쉽게 확인할 수 있다.-> 보안성이 낮다최초

IT 인프라는 IT환경을 운영하고 관리하는 데 필요한 소프트웨어, 하드웨어, 서비스 및 IT 자원의 조합을 의미한다.하드웨어(HW)운영체제(OS)네트워크(Network)미들웨어(Middleware)

api에는 크게 rest-api, graphql-api 2 종류가 있다.주소처럼 생긴 이름 : http://naver.com/bord/1전체 데이터를 받아옴요청 : axiosC(POST), R(GET), U(PUT), D(DELETE)일반 함수와 같은 이름 :

React에서 컴포넌트에 스타일링 하는 방법외부 .css 파일 작성하여 className으로 스타일 지정inline css를 react component안에 넣기css in js외부 .css 파일 작성하여 className으로 스타일 지정css 파일을 따로 만들어서 i

문서 객체 모델 (Document Object Modal)문서 객체란 html, body 같은 html문서의 태그들을 javascript가 이용할 수 있는 객체로 만들면 그것을 문서 객체라고 한다. 여기에 붙은 modal은 문서 객체를 '인식하는 방식'이라고 해석할 수