전체 글

Chapter 1. Introduction to Operation Systems 💡운영체제란 무엇인가? 운영체제(Operationg System, OS)는 여러 하드웨어들과 소프트웨어를 관리하는 통치자이다. 컴퓨터 하드웨어 바로 위에 설치되어 사용자 및 다른 모든 소프트웨어와 하드웨어를 연결하는 소프트웨어 계층 하드웨어를 직접 다루는 복잡한 부분을 운영체제가 대행해 줌 좁은 의미의 운영체제 : 커널 (운영체제의 핵심 부분으로 메모리에 항상 상주) 넓은 의미의 운영체제 : 커널뿐만 아니라 각종 주변 시스템 유틸리티를 포함한 개념. 메모리에 상주하지 않는 개별적인 프로그램들을 전부 포함함. 기계에 SW가 돌아가고 있다 > 운영체제가 관리하고 있다고 보면 된다 💡 운영체제의 목적 컴퓨터 시스템을 편리하게 사용..

본 내용에 들어가기 앞서 window 객체에 대해 간단히 알아봅시다. window는 Javascript core, DOM, BOM을 포함한 전역 객체이기 때문입니다. ✨1. Window 객체 Javascript의 최상위 객체이자 전역 객체이면서 모든 객체가 소속된 글로벌 객체이다. 객체화된 수많은 구성 요소들로 이루어져 있다. window 객체의 프로퍼티나 메소드는 window를 생략하고 바로 사용할 수 있다 window.alert("메시지") -> alert("메시지") 1-1. Window 객체 구조 ✨2. DOM(Document Object Model, 문서 객체 모델) 브라우저가 웹 문서를 이해할 수 있도록 구성된 것 html 태그를 동적으로 제어한다 html과 Javascript를 연결해주는 역..

서비스 명 minicook : 요리레시피 관련 서비스를 만들 예정 서비스 소개 냉장고에 남은 재료들로 간단하면서도 맛있게 만들 수 있는 레시피를 추천하는 서비스 기능 구체화 레시피 추천하기 사용자가 재료들을 선택하면 해당 재료가 들어간 레시피들을 보여줌 레시피 저장하기 다시 보고싶은 레시피는 좋아요 기능을 통해 저장할 수 있고 마이페이지에서 볼 수 있음 레시피 댓글 레시피 작성 서비스 계획서 기획 : 2024.01.13 설계 : 1월안에 끝내고 개발 들어가기 개발 : 2월안에 끝내기(목표)

💡 20.1 strict mode란? function foo() { x = 10; } foo(); console.log(x); // ? 전역 스코프에 x 변수 선언이 없어 ReferenceError가 발생할 것 같지만, 아무런 에러도 발생하지 않는다. 암묵적 전역 (Implicit Global) 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성한다. 따라서 전역 변수처럼 사용할 수 있다. 암묵적 전역은 오류를 발생시킬 수 있기 때문에 반드시 var, let, const 키워드를 사용해야 한다. strict mode (엄격 모드) - ES5 부터 추가된 모드. - 자바스크립트 언어의 문법을 더 엄격하게 적용하여 오류를 발생시킬 가능성이 높다. - 자바스크립트 엔진의 최적화 작업에 문제를 ..

여러 번 중복해서 나온 질문들은 노란색 하트 아이콘으로 표시했습니다. 앞으로 추가할 질문들을 계속 업데이트할 예정입니다. 브라우저 💛브라우저 렌더링 원리 - 홈페이지가 사용자에게 보이는 순서에 대해서 설명해 주세요. 💛GET, POST가 어떻게 다르게 쓰는지 말씀해 주세요(주니어 기준, 시니어는 잘 안 물어봄) 브라우저 저장소에 대해서 차이점을 설명해 주세요. (Localstorage, SessionStorage, Cookie ) 인증 방식 차이가 무엇인지 설명해 보세요 (세션/JWT/Oauth) http 💛Restful API에 대해서 아는 대로 설명해 주세요. ( GET, PUT, POST, PATCH, OPTION, DELETE ) HTTP 메서드에 대한 설명 해 주세요 HTTP 동작 방식에 대해 ..

제가 면접 준비도하고 공부도 할 겸 여러 블로그를 돌아다니면서 모아본 프엔 면접 질문 리스트입니다. 노션에만 정리해놨었는데 저처럼 공부하시거나 면접 준비하시는 분들께 도움이 될 수 있을 것 같아 블로그에 정리해서 올립니다. 아이콘이 표시된 질문은 여러번 중복돼서 나온 질문들이니 꼭 개념을 정리하시기 바랍니다! - 로 표시된 질문은 꼬리질문입니다 추가할 질문들은 글 밑에 이어서 작성하도록 하겠습니다 💛 호이스팅에 대해서 설명해 보세요. 💛 클로저는 무엇인가요? 원리와 왜 사용하는지 설명해 주세요. 💛 this의 용법 아는대로 설명해 주세요. Javascript는 어떤 언어인가요? -> 싱글 스레드 언어 - 비동기적으로 실행이 되는 것을 동기적으로 코딩하는 방법이 있나요? - 하지만 실제 사용 시에는 멀티 ..

💡 18.1 일급 객체 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 함수는 이를 모두 만족하는 일급객체! ⇒ 함수형 프로그래밍을 가능하게 함 함수형 프로그래밍 : 순수 + 보조 함수를 통해 Side effect을 최소화하여, 불변성을 지향 함수 또한 객체, 일반 객체와의 차이점은? 함수는 호출 가능, 객체는 호출불가능 함수 고유의 프로퍼티가 존재! 💡 18.2 함수 객체의 프로퍼티 함수의 모든 프로퍼티의 프로퍼티 어트리뷰트를 봅시다! function square(number) { return number * number; } console..

💡 17.1 Object 생성자 함수 생성자 함수(constructor) new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수 빈 객체 생성하여 반환 ⇒ 프로퍼티/메서드 추가 new Object() new String() new Number() new Date() (빌트인 생성자 함수 제공) const person = new Object(); person.name = 'Lee'; person.sayHello = function () { console.log('Hi! My name is ' + this.name); }; console.log(person); // {name: "Lee", sayHello: ƒ} person.sayHello(); // Hi! My name is Lee new Obje..

💡 16.1 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. 내부 슬롯과 내부 메서드는 ECMAScript 사양에 정의된 대로 구현되어 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아니다. 단, 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 한다. ECMAScript 사양에 등장하는 이중 대괄호 ([[…]])로 감싼 이름들이 내부 슬롯과 내부 메서드다. const o = {}; // 내부 슬롯은 자바스크립트 엔진의 내부 로직이므로 직접 접근할 수 없다. o.[[Prototype]] // ..

해당 내용은 [모던 자바스크립트 Deep Dive] 도서의 내용을 정리한 글입니다. 💡 15.1 var 키워드로 선언한 변수의 문제점 ES5까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 것이었다. var 키워드로 선언된 변수는 아래 3가지 특징을 가진다. 15.1.1 변수 중복 선언 허용 : var 키워드로 선언한 변수는 중복 선언이 가능하다. var x = 1; var y = 1; var x = 100; // 초기화문이 있는 변수 선언문은 JS 엔진에 의해 var 키워드가 없는 것처럼 동작 var y; // 초기화문이 없으므로 무시 만약, 동일한 이름의 변수가 이미 선언되어 있는 것을 모르고 중복 선언하게 된다면 의도치 않게 먼저 선언된 변수의 값이 변경되는 부작용이 발생한다. 1..