data life

네트워크 (network) - 네트워크 종류 - 프로토콜 - OSI7 계층 📶 네트워크 (network) 란? 쉽게 설명하자면 컴퓨터 간의 통신을 의미한다. 우리는 네트워크를 통해서 수많은 자료들을 공유하고 있는데 인터넷이나 각종 sns를 통해서 사진, 음악, 영상 등의 디지털 미디어들도 감상이 가능한 것도 네트워크 덕분이라고 볼 수 있다! 네트워크 종류 PAN (Personal Area Network) : 개인 통신망 LAN (Local Area Network) : 랜선친구의 랜으로 한 건물이나 일정 지역 내에서 파일 또는 주변장치를 공유할 수 있도록 한 통신망 MAN (Metropolitan Area Network) : 도시, 번화가, 대단위 아파트단지 등을 대상으로 구성하는 통신망 WAN (Wide..

let user = { name : "홍길동", age : 20, } let newUser = user; 위와 같이 user 이름을 가진 객체를 가져와 새로운 객체를 생성하기 위해 복사를 진행해보도록 하자. 만일, 위의 데이터 값을 변경해주면 기존의 객체는 그대로일까? newUser.age = 30; console.log(newUser.age) //30 console.log(user.age) //30 기존 객체도 새로운 객체와 동시에 변경된 것을 확인할 수 있다. 이러한 문제점이 일어난 이유에 대해 알아보도록 하겠다. 자바스크립트 변수의 개념과 마찬가지로 객체는 전체를 복사하는 것이 아니라 객체 내의 주소값만 복사하기 때문에 문제점이 발생할 수 밖에 없다. 이를 해결하기 위해 '얕은 복사' 와 '깊은 복..

배열 (Array) 1️⃣ 배열의 특성 2️⃣ length 3️⃣ 배열 순회 4️⃣ 배열 다루기 5️⃣ 배열 고차 함수로 조작 6️⃣ 배열 요소 정렬 4️⃣ 배열 다루기 const members = ['기훈', '상우', '일남', '준호', '새벽', '알리']; - 배열 끝에 요소 추가 .push() members.push('덕수'); //['기훈', '상우', '일남', '준호', '새벽', '알리', '덕수'] - 배열 앞에 요소 추가 .unshift() members.unshift('미녀'); //['미녀', '기훈', '상우', '일남', '준호', '새벽', '알리', '덕수'] - 배열 요소 인덱스 찾기 .indexOf() members.indexOf('상우') // 2 members.in..

객체 1️⃣ 객체 생성 2️⃣ 프로퍼티 열거 3️⃣ 프로퍼티 조작 4️⃣ 프로퍼티 접근자 5️⃣ 인스턴스 6️⃣ 생성자 1️⃣ 객체 생성 - 싱글 리터럴 객체 const obj = { property : "value", method : function() { //객체가 함수 속성을 갖게되면 method라 불림 } } - 생성자 함수 function obj(name){ this.name = name; } >> new와 함께 쓰임 const NewObj = new obj('홍길동'); // NewObj { name : '홍길동' } - Object.create 메소드 이용 const NewObj = Object.create(프로토타입, 객체서술자); 📌 객체서술자란 다음과 같다 const NewObj = O..

✅ 문서 구조 HTML(Mark Up), MD Xlsx => MS 엑셀, 구글 스프레드시트 Docx => MS워드, 구글 문서 PDF => 수 많은 도구 뷰어 PPT => 수 많은 도구 뷰어 HWP => 한컴 ✅ Node, Tree html = 문서 문서를 조작하는 언어 = javascript how❓ => Document Object Model(DOM) 이때, DOM은 node들로 구성됨 node들은 트리형태로 구성되어 있음 ✅ DOM 속성 >> 속성이 무지하게 많기 때문에 다 외울필요는 없고 필요할 때 확인이 가능하다. ✅ DOM 선택 getElementById() getElementsByClassName() getElementsByTagName() getElements => HTML Collecti..

✅ 함수 선언 - 함수 선언문 function func() { } - 메서드 const obj = { prop : function() { } } - 생성자 함수 function Myobj() { } - 화살표 함수 (ES2015+, ES6) const arrowFunc = () => {} ✅ 함수 표현식 - 기명 함수 표현식 >> 중복, 호이스팅의 문제 해결 가능 const func = function func() { return '기명함수표현식'; } - 익명 함수 표현식 const func = function() { return '익명함수표현식'; } ✅ 매개변수(parameter)와 인자 다루기 function func(params){ params = params + 10 return params ..

프로세스 구조 STACK 임시 데이터 (함수호출, 로컬 변수..) 높은 메모리 (높은 주소) 낮은 메모리 (낮은 주소) ⬇️ ⬆️ HEAP 코드에서 동적으로 만들어진 데이터 DATA 변수 혹은 초기화된 데이터 TEXT (code) 🖥️ 컴퓨터의 구조 PC (Program Counter) + SP (Stack Pointer) 다음 실행할 코드 주소 스택 최상단 주소 STACK c = 3 EFFBh b = 2 EFFDh ⬆️ a=1 EFFEh HEAP DATA c = 0 CODE def add = (a,b) 0000h return a + b 0001h c = 0; 0002h c = add(1,2) 0003h print(c) 0005h CPU PC 0005h SP EFFBh Heap >> 사용자에 의해 메모리..

스케쥴링 알고리즘 ❓누가 프로세스 실행을 관리하는가? : 스케쥴러 (일의 진행 순서를 결정하는 일) ❓어느 순서대로 프로세스를 실행시킬건가? 시분할 시스템 : 프로세스 응답 시간을 가능한 짧게 멀티 프로그래밍 : CPU 활용도를 높여서 프로세스를 빨리 실행 💡 위의 작업을 위해서는 스케쥴링 알고리즘을 알아두어야 한다! FIFO (First In First Out) 스케쥴러 >> 프로세스가 처음~끝까지 CPU를 사용한다. >> 가장 간단한 스케쥴러 (배치 처리 시스템) >> FCFS (First Come First Served) 스케쥴러라고도 한다. 최단 작업 우선(SJF) 스케쥴러 >> Shortest Job First로 가장 프로세스 실행시간이 짧은 프로세스부터 먼저 실행하는 알고리즘 우선순위 기반 (..

배치 처리 시스템 여러 프로그램을 순차적으로 실행 Application1 Application2 Application3 ⏱️ ---------------------------> 시분할 시스템 다중 사용자 지원 (1000ms => 1sec) 리눅스 운영체제가 최초 개발! Application1 Application2 Application3 Application1 Application2 Application1 ⏱️ ---------------------------> User1 Application1 Application1 Application1 User2 Application2 Application2 User3 Application3 멀티 태스킹 단일 CPU에서 여러 응용 프로그램이 동시에 실행되는 것처럼 ..