항해99/cs 스터디자료 15

프론트엔드 개발자 기술면접 인터뷰 질문 -2022.02.10.THU

브라우저 저장소에 대한 차이점 ( LocalStorage , SessionStorage, Cookie ) LocalStorage 저장한 데이터를 명시적으로 지우지 않는 이상 영구적으로 보관이 가넝한 브라우저를 종료해도 데이터는 보관되어 다음번 접속에도 데이터를 사용할 수 있다. 도메인 마다 별도의 로컬 스토리지 생성됨 SessionStorage 데이터늬 지속성와 엑세스 범위에 특수한 제안이 존재 데이터가 지속적으로 보관이 되지 않고 현재 페이지가 브라우징되고 있는 부라우저 컨텍스트 내에서만 데이터가 유지된다 브라우저가 종료되면 데이터도 같이 지워진다. (즉 브라우저가 종료되면 SessionStorage 도 삭제된다는 것) Cookie 쿠키는 매번 서버로 전송된다 데이터 유효기간 지정 가능. 대부분의 브라..

프론트엔드 개발자 기술면접 인터뷰 질문 -2022.02.09.WED

this 용법을 아는대로 설명하시오!!! 자바스크립트의 함수는 호출될 때 매개변수로 전달되는 인자값 이외에, argument객채와 this를 암묵적으로 전달 받는다 this는 인스턴스 자신을 가리키는 참조 변수이다(객체 자신에 대한 참조값을 가지고 있다는 뜻) 주로 매개변수와 객체 자신이 가지고 있는 멤버변수명이 같을 경우 이를 구분하기 위해서 사용된다 this 바인딩은 함수가 어떻게 호출되었는지에 따라서 동적으로 결정된다 . 바인딩이란 식별자와 값을 연결하는 과정을 의미한다. 함수를 호출하는 방식 일반 함수 호출 메서드 호출 생성자 함수 호출 function.prototype.apply/caa/bind 메서드에 의한 간접 호출 일반 함수 호출 기본적으로 this에는 전역 객체가 바인딩 된다. 전역 함수..

프론트엔드 개발자 기술면접 인터뷰 질문 -2022.02.05.SAT

클로저 함수가 선언된 렉시걸 환경! 쉽게 말해서 함수안에 함수가 들어있는 것을 말한다. 중첩 함수의 상위 스코프는 외부함수의 스코프로 중접함수 내부에서 자신을 포함하고 있는 외부함수의 변수에 접근할 수 있다. 이같은 현상이 발생하는 이유는 자바스크립트가 렉시컬 스코프를 따르는 프로그래밍 언어이기 때문이다. const x = 1; function outerFunc(){ const x= 10; function innerFunc(){ console.log(x) //10 } innerFunc(); } outerFunc(); 렉시컬 스코프 함수를 어디에 정의 했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프라고 한다 상위 스코프에 대한 참소는 함수 정의가 평가되는 시점에 함수가 정의된 한경에 의헤 결정된..

프론트엔드 개발자 기술면접 인터뷰 질문 -2022.02.04.FRI

호이스팅(Hoisting) 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선어하는 것을 말한다 var과 let, const의 차이점 중 하나는 변수가 선언되기 전에 호출하면 레퍼런스 에러가 난다는 점이에요! 즉 let , var, const 선언도 호이스팅이 된다! 함수 선언문에서도 호이스팅이 된다! 스코프에 진입 할때 변수를 만들고 TDZ가 생성되비만 코드 실행이 변수가 실제 위치에 도달할 때까지 엑세스를 못할 뿐이다 TDZ(Temporal Dead Zone) = 일시적 사각지대 https://developer.mozilla.org/ko/docs/Glossary/Hoisting 호이스팅 - 용어 사전 | MDN JavaScript에서 호이스팅(hoisting)이란, 인터프리터..

한 권으로 읽는 컴퓨터 구조와 프로그래밍 -2022.01.28.FRI

📚오늘 목차 📚 1. 시간표현과 상태기억 1) 카운터 2) 레지스터 2. 메모리 조직과 주소 지정 1) 임의 접근 메모리 1) 카운터 플립플롭을 응용한 회로 중 1,2,3 순서대로 수를 세는 순차 회로 비동기식 카운터 (=리플 카운터) 다른 비트의 상태변화에 약간의 시차를 두고 바뀌기 때문(비동기식) 개수를 센 결과가 왼쪽에서 오른쪽으로 퍼져나가기 때문(리플) 이전의 플립플롭의 출력에 의해 다음 플립플롭이 동작하기 때문에 전달 지연시간이 발생 비동기 시스템은 언제 결과를 살펴봐야 맞는지 알기 어렵다는 단점을 가짐 글리치가 발생할 기간까지 예측해 딜레이를 주어서 글리치를 방지한다 동기식 카운터 글리치(일시적오류) 현상을 방지하기 위해서 클록을 동시에 모든 플립플롭에게 인가하는 카운터 2)레지스터 클록을 공..

한 권으로 읽는 컴퓨터 구조와 프로그래밍 -2022.01.27.THU

✨ 들어가기전 ⚙️ 순차 논리 회로 (Sequential Logic Circuit) 🔖 사진자료 정보통신기술용어해설 순서회로 순차 논리 회로는 순서 논리 회로라고도 부른다. 현재의 입력값에 따라 출력이 결정되는 논리 회로이다. 순서 논리 회로는 조합 논리 회로와 기억 소자로 구성된다. 기억소자의 출력은 조랍 논리 회로 입력에 연결되어 궤환(Feedback)된다. 따라서 순차 논리 회로는 현재의 입력 상태뿐 아니라 이전의 출력에도 영향을 받는다. 🤔 여기서 잠깐! 궤환(feedback)이란? 한국말로는 되먹임이라고 한다. 출력 결과가 다시 들어오는 것을 말한다. 즉, 출력이 다시 입력이된다. 순차 논리 회로의 구성은 다음과 같다. ⚙️ 순차 논리 회로 특징 순차 논리 회로는 외부로부터 입력과 이전의 출력 ..

한 권으로 읽는 컴퓨터 구조와 프로그래밍 -2022.01.26.WED

- 논리게이트 1. 이력 현상을 활용한 잡음 내성 향상 2. 차동 신호 3. 전파 지연 4. 출력 유형 1) 토템폴 출력 2) 오픈 컬릭터 출력 3) 트라이스테이트 출력 - 게이트를 조합한 복잡한 회로 1. 가산기 2. 디코더 3. 디멀티플렉서 4. 셀렉터 출력이 1(True)일 때만 동작을 할까? 정답은 x 입력이 1이면 회로가 동작하고, 0이면 동작하지 않는다는 'active high'에 해당되는 상황. 입력이 1이 아닌 0을 내보냈음에도 동작하는 것들을 'active low'로 동작한다고 한다. '무조건 출력이 1이어야 회로가 동작한다'는 x! - 초기에 전압을 기준으로 논리를 표현 : 전류를 흐르면 1아니면 0 - 각 논리의 출력 전압에서 스위칭 전압강하 만을 고려하므로 최소 이 전압보다는 큰 마..

한 권으로 읽는 컴퓨터 구조와 프로그래밍 -2022.01.25.THU

✔️ 비트를 처리하기 위한 하드웨어 💫 릴레이 스위치를 움직이기 위해 전자석을 사용하는 장치 전력 들어가지 않은 상태에 스위치 개폐 여부에 따라 두가지 열려있을 때 : 평상시 열린 릴레이 닫혀있을 때 : 평상시 닫힌 릴레이 스테퍼 릴레이 코일을 두개만 사용 다이얼 전화기 시절 > 전화 교환국 > 전화번호를 세기 위한 목적 핀볼 기계 단점 느리고 전기를 많이 소모 먼지/벌레가 스위치 접점에 있으면 제대로 작동하지 않음 💡 cf. 버그 유래 : 미국 컴퓨터과학자가 오류를 추적하다가 릴레이에 낀 나방 발견하면서 단어 유명 전원을 갑자기 끄면 순간적으로 초고압 발생→ 기계적인 부품이 들어있지 않은 다른 물건 찾게 됨 → 스위치 접점에서 일어날 경우 이 부분이 마모됨 💫 진공관 물체를 충분히 가열하면 전자가 튀어..

한 권으로 읽는 컴퓨터 구조와 프로그래밍 -2022.01.24.MON

- 사람들은 10진수를 쓰는데 왜 컴퓨터는 2진수를 사용할까? 조합논리를 구현하는 모든 물리적인 장치 -> 하드웨어 TMI 한번 보고가자 디지털 컴퓨터의 사례 안티키테라 톱니바퀴를 통해 날짜를 입력해 해당 날짜의 태양이나, 달의 위치를 계산하는 기계가 있다? 화기제어 컴퓨터 마찬가지로 톱니바퀴를 이용한 삼각함수와 미적분은 계산하여 원거리 조준을 할 수 있게 하는 제어장치다. ( 2차세계대전 사용 ) 계산자 log(x*y) = log(x) + log(y) 를 이용하여 곱셈을 수행 ( 상용로그를 사용 ) 비행컴퓨터 컴퓨터는 어떻게 발전되었을까? 아날로그와 디지털의 차이 수학적성질 아날로그 - > 연속적 ( 30cm 자는 1mm 단위로 30cm를 표현한다 ) 디지털 -> 이산적 하나하나 다른존재로 구분된다는 ..