컴퓨터
-
네트워크 목차컴퓨터/목차 모음 2021. 3. 25. 01:28
* 어떻게 네트워크를 공부할 것인가: covenant.tistory.com/222 * 공부할 때 봤던 강의/책들 : ksj12172.tistory.com/1106 * HTTP caching : developer.mozilla.org/ko/docs/Web/HTTP/Caching [ 이화여대 네트워크 강의 ] * 01 : ksj12172.tistory.com/373?category=852495 * core, edge, router : ksj12172.tistory.com/383?category=852495 * 03 dely, loss, throughput : ksj12172.tistory.com/401 * 03 internet의 5개 protocol layers, service models, internet..
-
프로세스와 스레드의 차이컴퓨터/운영체제 2021. 3. 24. 23:49
코딩 인터뷰 완전 분석 p.592 HTTP 완벽가이드 pp. 135-136 프로세스와 스레드 모두 하나의 프로그램이 여러 작업을 동시에 할 수 있게 해준다. 성능상 차이가 존재하여 고성능 서버는 멀티프로세스인 동시에 멀티 스레드다. 프로세스와 스레드는 서로 관련은 있지만 기본적으로 다르다.[ 프로세스 ]- 프로세스는 실행되고 있는 프로그램의 인스턴스라고 생각할 수 있다. 프로세스는 CPU 시간이나 메모리 등의 시스템 자원이 할당되는 독립적인 개체이다. - 어떤 프로그램의 자신만의 변수집합을 갖는 하나의 독립된 제어흐름- 프로세스는 별도의 주소 공간에서 실행된다.- 한 프로세스는 다른 프로세스의 변수나 자료구조에 접근할 수 없다.한 프로세스가 다른 프로세스의 자원에 접근하려면 프로세스 간 통신(inter-..
-
Emmet + visual studio code extensions 추천컴퓨터/JavaScript_typescript 2021. 3. 22. 23:30
source : www.youtube.com/watch?v=m7wsrVQsVjI * ide : integrated development environment compiler, devugger, linker, performance 분석 가능 * text editor : visual studio code, atom, sublime * command palette cmd+shift+p * Emmet(formerly Zen Coding) [ 안되면] 파일-기본설정-설정-확장-emmet-trigger expansion on tab 체크하기 settings.json에 추가 "emmet.includeLanguages": { "javascript": "javascriptreact" } [ HTML 자동 완성 ] ! +..
-
typescript 목차컴퓨터/목차 모음 2021. 3. 13. 14:51
* 공식문서 : typescriptlang.org/docs * software engineering daily : softwareengineeringdaily.com/tag/typescript/ * typescript란? : ksj12172.tistory.com/1021 * tsconfig.js : https://ksj12172.tistory.com/1156 * Debugging : using Launch Configuration or ts-node : https://ksj12172.tistory.com/1179 * Types : ksj12172.tistory.com/1023 * array와 tuple : ksj12172.tistory.com/1024 * alias : 내가 타입을 만들 수 있다, 값 자..
-
개별 모듈로 분할하기: CommonJS vs ECMAScript module컴퓨터/JavaScript_typescript 2021. 2. 18. 13:39
* 개별 모듈로 분할하기 ES2015 이후 개별 모듈로 분할하는 방법이 여러 가지 생겼다. 1) 태그 사용하기 2) 직접 갖다 붙이기 (manual concatenation) 3) Makefile 기법 4) NodeJS 스타일의 require 구문 (CommonJS 모듈) 5) AMD 스타일의 define 콜백 6) 타입스크립트 자체 모듈 시스템 7) ECMASCript 모듈 ⭐️ * CommonJS 모듈 시스템: require & module.exports https://nodejs.org/api/modules.html javascript 자체가 지원하는 패키지 읽는 법 module.exports = foo; // 가능: var foo = require('foo'); exports.bar = bar; ..
-
객체지향, 디자인패턴 목차컴퓨터/목차 모음 2021. 2. 8. 01:19
Q. 똑같은 구조인데 결과값이 조금씩 다른 경우 ex. search일 때 아닐 때 * 객체지향이란: ksj12172.tistory.com/977 * 객체지향 원칙 : ksj12172.tistory.com/1031 * 책임과 자율성 : ksj12172.tistory.com/976 * 데메테르 법칙(Law of Demeter) : ksj12172.tistory.com/981 [ 객체 지향 설계 기법 ] * 책임-주도 설계: 책임을 식별하고 할당 더 작은 책임으로 분할해서 할당 역할, 책임, 협력 고안 및 절차제시 * 디자인 패턴 : 모범이 되는 설계 책임-주도 설계의 결과를 표현 역할, 책임, 협력의 템플릿 반복적으로 발생하는 문제와 해법 * 테스트-주도 개발: 응집도가 높고 결합도가 낮은 클래스로 구성된 ..
-
[JavaScript] new FormData(form), Object.fromEntries(iterable), how to seriazlie form data컴퓨터/JavaScript_typescript 2021. 1. 31. 13:46
* forms with multiple fields that have the same name * How to serialize form data with vanilla JS 1) FormData object FormData object provides an easy way to serialize form fields into key/value pairs. Form fields must have a name attribute to be includes object. Otherwise, they're skipped. Title Body Soak up the sun and swim in the ocean. Submit // Get the form let form = document.querySelector(..
-
[ JavaScrip ] 객체 생성 방식, OrdinaryObjectCreate컴퓨터/JavaScript_typescript 2021. 1. 21. 19:22
source : 이웅모, 자바스크립트 deep dive * 자바스크립트는 프로토타입 기반 객체 생성 메커니즘을 지닌다 [ 객체 생성 방식 ] 1. 객체 리터럴 2. Object 생성자 함수 3. 생성자 함수 4. Object.create 메서드 5. 클래스 ( ES6 ) => 프로토타입 체인은 모든 객체 생성 방식에 의해 생성된 인스턴스에 동일하게 적용된다. * 추상연산 OrdinaryObjectCreate 각 방식마다 객체 생성 방식의 차이는 있으나 추상연산 OrdinaryObjectCreate에 의해 생성된다는 공통점이 있다. OrdinaryObjectCreate : 필수적으로 자신이 생성할 객체의 프로토타입을 인수로 전달받는다. ex. 객체 리터럴, new Object() : Object.proto..