All
-
[CSS] float, clearprograming/Web 2020. 1. 10. 00:17
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) float CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다. float속성은 보통 신문과 같이, 특정 요소 주변으로 문자열들을 어울리게 배치하고자 할 때 사용합니다. 부유 요소는 문서의 보통 흐름(noraml flow)에서 제외됩니다. 만약 부유하는 요소가 여러개라면, 다른 부유 요소에 닿을때 까지 밀착합니다. (즉, 부유 요소 끼리는 겹치지 않습니다.) 만약 부유하는 요소가 여러개이며 자신을 포함하는 블록의 너비를 넘어서는 경우, 다음 라인으로 ..
-
[Network] 모두의 네트워크 - 2programing/Network 2020. 1. 8. 23:48
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 해당 포스트는 모두의 네트워크를 간단히 정리한 글입니다. 4장 - 데이터 링크 계층 : 랜에서 데이터 전송하기 lesson 12 - 데이터 링크 계층의 역할과 이더넷 데이터 링크 계층의 역할 데이터에 이더넷 헤더와 트레일러를 붙인다. 이더넷 헤더 : 목적지 MAC 주소(6byte) + 출발지 MAC 주소(6byte) + 유형(2byte). 그러나, 서로 다른 네트워크를 통한 데이터 전송을 할 수 없다. (이 역할은 네트워크 계층에서 담당한다.) 프레임 이더넷 헤더와 트레일러가 붙여진 데이터. 이더넷 데이터 링크 계층에서, 네트워크 장비 간 데이터를 주고 받는 규칙(프로토콜)중 하나이다. 데이터에 명시된 목적지가 아닌 컴퓨터는 수..
-
[Network] 모두의 네트워크 - 1programing/Network 2020. 1. 8. 22:56
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 해당 포스트는 모두의 네트워크를 보고 간단하게 정리한 글입니다. 1장 - 네트워크 첫걸음 lesson 4 - 가정에서 하는 랜 구성 인터넷 공유기 인터넷 - 인터넷 공유기 - 컴퓨터(유무선) - 핸드폰(무선) - 복합기(유무선) 인터넷 서비스 제공자(ISP)(WAN)와 가정용 LAN을 연결하기 위한 장치. 요즘은 유무선 둘 다 지원한다. lesson 5 - 회사에서 하는 랜 구성 ISP - 라우터 - 스위치 - [웹 서버, DNS 서버, 메일 서버](외부망) - 스위치 - [웹 서버, DNS 서버, 파일 서버, 그 외 서버](내부망) - 무선 AP(무선 공유기) - 스위치 - [데스크탑, 노트북](유선 연결) - 복합기 서버 운..
-
[Algorithm] 순열 (Permutation)programing/Algorithm 2020. 1. 3. 12:42
안녕하세요, Einere입니다. (광고 차단 기능을 꺼주시면 감사하겠습니다.) 순열 function permutation(arr) { return arr.reduce( function(list, element) { const newList = []; list.forEach(function(seq) { for (let i = seq.length; i >= 0; i--) { const newSeq = [].concat(seq); newSeq.splice(i, 0, element); newList.push(newSeq); } }); return newList; }, [[]] ); }
-
[JS] 객체에 관하여programing/Language 2020. 1. 1. 23:29
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 해당 포스트는 러닝 자바스크립트를 읽고 간단하게 정리한 포스트입니다. 배열과 객체 배열 배열은 객체의 하위집합입니다. 배열은 인덱스(0, 1, 2, ...)를 프로퍼티로 가지는 특별한 객체입니다. 배열의 요소는 순서를 가집니다. 객체 객체는 문자열이나 심볼로 된 프로퍼티를 가집니다. 객체의 프로퍼티는 키와 값으로 구성되어 있으며, 각 키는 값을 가집니다. 객체의 프로퍼티는 순서를 가지지 않으며, 보장하지 않습니다. ex) for in for in문에 키가 심볼인 프로퍼티는 포함되지 않습니다. const Car = function() { const carProps = new WeakMap(); class Car { construc..
-
[Functional] 고차 함수programing/Language 2019. 12. 29. 15:50
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 고차함수 함수를 인자로 받는다. 함수를 반환한다. 함수를 인자로 받는 함수 best function best(compare, collection) { return _.reduce(collection, function(x, y) { return compare(x, y) ? x : y; }); } best함수는 어떤 배열에서 최적의 값을 반환하는 함수입니다. 인자로는 최적의 값을 찾기 위한 compare함수와 대상 배열인 collection이 있습니다. iterateUntil function iterateUntil(func, check, init) { let ret = []; let result = func(init); while(..