분류 전체보기 (82) 썸네일형 리스트형 SQL vs NOSQL sql nosql --sql 관계형 데이터 베이스 엄격한 데이터 스키마 데이터를 동일한 테이블에 저장하고 참조하는 방식 장점 데이터의 무결성 데이터의 중복이 없음 정해진 스키마 틀이 있기 떄문에 구조 예측 용이 여러 데이터를 합쳐서 불러오기 수월 단점 테이블 재구성이 어렵고, 구조가 복잡 수직적 확장 가능, 수평적 확장 어려움 데이터 분산이 불가 --nosql 비관계형 데이터 베이스 스키마가 없음 모든 데이터를 하나의 컬렉션 안에 저장 데이터를 분산 장점 스키마가 없어서 유연하게 데이터 조정 데이터 저장이 편리 수직, 수평 확장이 가능 복잡한 조인을 사용 X 단점 유연성 데이터로 구조 결정이 힘듦 데이터의 중복으로 불완전한면 원하는 데이터 한번에 추출이 어려움 --어느때 어떤 s.. 쿠키 세션 - 쿠키 세션을 사용해야하는 이유 통신이 끝나고 상태를 유지하지 않는 특징 -쿠키 - 브라우저 로컬에 저장되는 키 값 쌍의 작은 데이터 파일 - 인증 유효 시간 명시 가능, 유효 시간 명시 후에 브라우저가 종료되어도 인증이 유지 - 웹 서버에 요청시 Request Header에 자동으로 쿠키를 넣어서 서버에 전송 - 클라이언트의 상태 정보를 로컬에 저장했다가 참조 --쿠키의 동작방식 클라이언트가 페이지 요청 -> 서버에서 쿠키 생성 -> HTTP 헤더에 쿠키를 포함시켜 응답 -> 같은 요청을 하면 HTTP 헤더에 쿠키를 함꼐 보냄 -> 서버에서 쿠키를 읽고 이전 상태 정보를 변경 해야할때 쿠키를 업데이트하여 변경된 쿠키를 HTTP 헤더에 포함시켜 응답 --쿠키의 사용 예 방문 사이트의 로그.. 실행 컨텍스트 실행 컨텍스트 실행할 코드에 제공할 환경정보를 모아놓은 객체 - 실행 컨텍스트 3가지 객체 --Variable Object 실행에 필요한 여러 정보들을 담을 객체 변수, 매게변수와 인수 함수 선언 전역 컨텍스트인 경우 => 전역 객체 함수 컨텍스트인 경우 => 활성 객체를 가리킴 --스코프체인 일종의 리스트 전역 객체, 중첩된 함수의 레퍼런스를 저장하고 있음 식별자 중에서 객체의 프로퍼티가 아닌 변수를 검색하는 메커니즘 스코프체인을 통해서 렉시컬 스코프 파악 --this value 함수 호출 패턴에 의해 this 값 결정 - 실행 컨텍스트 생성 과정 ///////////// 코드 실행 전 1. 전역 객체가 생성됨 2. 전역 실행 컨텍스트 생성 // 실행 컨텍스트.. 질문 정리 ----- 웹 브라우저 DOM DOM HTML 차이 ㅇ 브라우저의 렌더링 과정 ㅇ 주소창에 url 입력후 어떤일이 일어나는가 ? ㅇ 이벤트 버블링 캡쳐링 차이점 웹 표준 웹 접근성 CORS SOAP XSS rest api ㅇ resful함이 무엇인지 ? SPA SSR 차이 ㅇ 쿠키 세션 ㅇ HTTP HTTPS 차이 localStorage, sessionStorage, cookie 특징 설명 ajax HTTP 상태코드 역할 ----- 자바스크립트 var let const 차이 ㅇ 스코프 ㅇ 호이스팅 ㅇ 클로저 ㅇ 프로토타입 ㅇ this 4가지 ㅇ callback, Promise , Async /Await ㅇ 설명, 장단.. 웹 브라우저 ----- 웹 브라우저 - DOM 문서 객체 모델 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스 DOM 구조에 접근할 수 있는 방법을 제공 -> 문서 구조, 스타일 , 내용등을 변경할 수 있게 돕는다. - DOM, HTML의 차이점 HTML 화면에 보이고자하는 모양, 구조를 문서로 만든것 최초의 화면을 그릴때 이용한 설계도 DOM 실제로 화면에 표현된것들 설계도를 이용해서 만든 실물 화면 조작, 웹페이지를 만질 수 있다. ( 인터페이스 ) - 브라우저는 어떻게 동작하는지 ? DOM 생성 -> CSSOM 생성 -> 렌더트리 생성 -> 렌더트리 배치 -> 렌더트리 그리기 // 브라우저의 주요 기능 사용자가 선택한 자원을 서버에 요청 -> 브라우저에 표시 - .. 프로젝트, 기술 - React 사용자 인터페이스를 만들기 위한 라이브러리 사용 이유 ? 동적인 웹 페이지를 효율적으로 유지보수, 관리 목적 어떤 문제를 해결 하는지 ? 프로젝트 규모가 커지고, 다양한 유저 인터렉션 전달에 따른 DOM요소 변화시 렌더링 과정을 거치면서 브라우저 많은 연산 프로세스의 비효율성 => DOM 관리와 상태 변화 관리를 최소화해서 개발자는 기능 개발, 사용자 인터페이스에 집중 가능 특징 -- 컴포넌트 단위 작성 생산성과 유지 보수 용이 -- JSX => JS + xml 리액트에서 element 요소를 제공해줌 --Virtual Dom 어떤게 바뀌었는지 파악하여 필요한 DOM 트리만 업데이트할 수 있게 해준다. - 불변성 ( Immutable ) 변하지 않는 상태를 유지하는 방.. 자바스크립트 ----- 자바스크립트 - var let const 차이 --재선언 재할당 관련 var 재선언 재할당 가능 let 재선언 불가, 재할당 가능 const 재선언, 재할당 불가 --호이스팅, 스코프 관련 var => function scope let const => block scope - 스코프 어느 범위까지 참조하는지 변수, 매개변수의 참조 가능한 범위 // 접근성과 생존기간 - 호이스팅 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는것 함수 선언식은 호이스팅 됨 함수 표현식은 호이스팅 되지 않는다. // var 변수, 함수 선언만 위로 끌어 올려지며 할당은 끌어올려지지 않는다. - 클로저 독립적인 변수를 가리키는 .. 언택트인터뷰_스키마구조_마인드맵 이전 1 2 3 4 5 ··· 11 다음