전체 글(124)
-
Port 번호가 충돌 날때 강제적으로 해당 Port 죽이는 방법
1. window 1). 현재 실행되고 있는 PORT 번호 PID 확인 netstat -a -o 2). 1번 명령어에서 출력 된 PORT들중에 중복되는 PORT번호의 PID 번호를 확인후 KILL한다 taskkill /f /pid 2. mac 1). 현재 실행되고 있는 PORT 번호 PID 확인 sudo lsof -i : 2). 1번 명령어에서 찾은 PID 번호를 확인후 KILL한다 sudo kill -9 예제를 보겠습니다.
2021.06.30 -
[javascript/snippet] 말줄임 처리하기
출력하고자 하는 넓이보다 글자수가 긴 경우에 ".."으로 말줄임 표시하는 방법 1. 자바스크립트로 처리하기 let length = 13; // 표시할 글자수 기준 let str = '자바스크립트문자열테스트중입니다.'; if (str.length > length) { str = str.substr(0, length - 2) + '...'; } console.log(str); 2. CSS로 처리하기 /* 긴 대쉬보드명이 오는 경우에 "..." 표시를 위함 */ .Button.dashboard-menu { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2021.06.30 -
[JS] Replace() 문자 변환, 치환
str_text.replace("찾을 문자열", "변경할 문자열") 자바스크립트의 replace()함수는 바꿀 문자열을 직접 입력하거나 또는 정규표현식을 사용할 수도 있습니다. 아래는 replace()를 사용한 문자를 치환하는 방법의 간단한 예제입니다. var test = '가나다라 마바사 가나'; var result = test.replace('가', '나'); console.log(result); 나나다라 마바사 가나 // 출력 결과는 맨 앞의 "가"는 "나"로 변경됨 보시는 것처럼 맨 앞의 "가" 문자가 "나"로 변환되었습니다. 하지만 뒤의 "가"는 변하지 않고 그대로 입니다. 그 이유는 replace()함수는 제일 먼저 일차하는 패턴만 변환 후 바꿀뿐 모든 텍스트를 바꾸지는 않기 때문입니다. 어떻..
2021.06.30 -
slice()와 splice()의 차이점
slice()와 splice()는 배열을 다룰 때 자주 사용하는 함수이다. 두 함수는 언뜻 보기에 비슷한 기능을 하는 것처럼 보이지만 큰 차이점이 있다. [1] Array.prototype.slice() slice() 메소드는 begin부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다. 즉, 원본 배열은 수정되지 않는다. slice(start[, end]) start: 추출 시작점에 대한 인덱스. undefined인 경우: 0부터 slice 음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출한다. 배열의 길이와 같거나 큰 수를 지정한 경우: 빈 배열을 반환한다. end: 추출을 종료할 기준 인덱스. (end를 제외하고 그 전까..
2021.06.30 -
Javascript - filter
filter - 콜백함수에 지정된 조건에 맞는 요소를 새롭게 반환한다. 콜백함수의 인자는 순서대로 값(value), 인덱스(index), 원 배열(array)이다. 예제를 보겠습니다. let data = [ {name:'obm', age:28}, {name:'dcy', age:25}, {name:'kch', age:23}, {name:'khm', age:16}, {name:'hjw', age:13}, ] // age가 20 미만인 원소 추출(필터링) let result = data.filter(x => { return x.age < 20 }); console.log(result); - 콜백함수 3개 인자 x, idx, array를 잘 확인하세요. let data = [ {name:'obm', age:28..
2021.06.30 -
IPFS(InterPlanetary File System) Upload
InterPlanetary File System(IPFS)는 모든 컴퓨터를 연결하고자 하는 분산된 P2P 파일 시스템입니다. InterPlanetary라는 표현이 사용된 이유는 지구 상의 컴퓨터 뿐만 아니라 다른 행성의 컴퓨터들까지 모두 연결하겠다는 IPFS팀의 비전이 담겨 있습니다. IPFS Web는 기존의 HTTP Web의 문제점을 해결하고 보완한 새로운 Web입니다. IPFS가 어떻게 기술적으로 구현되었는지 알아보기 전에, IPFS가 어떤 특징을 갖고 있는지 알아보겠습니다. IPFS의 특징 중앙화된 서버 없이 노드들의 P2P 통신으로 실현한 더 빠르고 안전하고 열린 네트워크 입니다. 대형 서버의 연결이 차단되면 치명적인 결과를 낳는 과거 HTTP Web과는 달리, IPFS에서는 몇몇 노드들이 연결이..
2021.06.29