일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- grid-column-end
- valuable
- grid-template-areas
- python #qqplot #qq-plot #code
- prompt()
- className
- javascript
- createElement
- scope
- grid-column-start
- border-style
- classList
- box-shadow
- collapsing-margins
- foreach()
- CSS
- package.json
- grid-row-start
- gird-row-end
- Grid
- css#cascading#display#block#inline
- React
- confirm()
- javascipt
- var
- react-hook-form
- mongodb
- localStorage
- variables
- relative
- Today
- Total
목록전체 글 (110)
data life
배열 (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에서 여러 응용 프로그램이 동시에 실행되는 것처럼 ..

운영체제 Operating System(OS)란? 🤷🏻♀️ + 📖 => 👩🏻💻 사용자가 컴퓨터를 쉽게 다룰 수 있게 해주는 설명서 같은 존재이다. 사용자에게 컴퓨터의 프로그램을 쉽고 효율적으로 실행할 수 있는 환경을 제공해주며 이를 인터페이스(interface)라고 한다. 우리가 흔히 알고 있는 PC OS에는 윈도우, MacOS, 리눅스가 있다. 실행되는 응용 프로그램들이 메모리와 CPU, 입출력 장치 등을 사용할 수 있도록 만들어 준다. 운영체제의 구성 하드웨어 ↔ 운영체제 ↔ 셸 / 응용 프로그램 ↔ 사용자 🔸 운영체제의 핵심 : 커널(kernel) 🔸 운영체제의 인터페이스 : 셸(shell) >> 다양한 운영 체제 기능과 서비스를 구현하는 인터페이스를 제공하는 프로그램 >> 🐚 사용자와 커널 사..
값(value) 조작 가능한 표현 ex> 문자열, 문자, 숫자 등 ✅ 값(value)의 종류 원시 값 - Number - String - Boolean - Null - Undefined 참조 값 원시 값이란❓ - 단순 원시적인 값 또는 데이터 - 재할당하지 않은 처음의 값 ** 변수는 어떠한 공간을 갖는 것으로 임의의 메모리 주소를 할당받음 let myAge = 10; let myAge2 = myAge; myAge = 20; console.log("myAge :"+myAge); //20 console.log("myAge2 :"+myAge2); //10 Number 1. 숫자의 종류 - 정수 ex>10, 100,-10,-100,,, ☑️ Number.isInteger(num) : num이 정수인지 판별하는..