본문 바로가기

IT

[javascript] 배열 추가, 삭제 자바스크립트 배열 추가, 삭제 함수배열 추가 : Array.push(), Array.unshift(), Array.splice()배열 삭제 : Array.pop(), Array.shift(), Array.splice() 배열 요소를 추가하는 방법var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'c', 'd'] arr.push('d'); // 배열의 끝에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['d', 'a', 'b', 'c'] arr.unshift('d'); // 배열의 앞쪽에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'd', 'c'] arr.splice(2, 0, 'd');.. 더보기
[javascript] 이벤트 추가 및 제거 자바스크립트 이벤트 추가 및 제거하기(addEventListener, removeEventListener) 자바스크립트에서 addEventListener()를 사용해 이벤트를 추가한 경우 반대로 이를 제거할 수 있으며 이 때 removeEventListener()를 사용합니다. element.removeEventListener('이벤트타입', 이벤트 콜백 함수) 이때 추가된 이벤트를 제거하기 위해 아래와 같이 세 가지 값이 필요합니다. 1. 제거할 엘리먼트 요소 2. click, keypress 등의 이벤트 타입 3. 제거할 이벤트 콜백 함수 이벤트 추가하기(addEventListener)그럼 아래에서 간단한 이벤트를 추가해보고 다시 이를 제거하는 예제를 만들어보겠습니다. Hello 이제 위 버튼에 클릭.. 더보기
[javascript] 이벤트 버블링과 캡처링 출처: ko.javascript.info/bubbling-and-capturing 버블링과 캡처링 ko.javascript.info 버블링버블링(bubbling)의 원리는 간단합니다.한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작합니다.3개의 요소가 FORM > DIV > P 형태로 중첩된 구조를 살펴봅시다. 요소 각각에 핸들러가 할당되어 있습니다. FORM DIV P 가장 안쪽의 를 클릭하면 순서대로 다음과 같은 일이 벌어집니다.에 할당된 onclick 핸들러가 동작합니다.바깥의 에 할당된 핸들러가 동작합니다.그 바깥의 에 할당된 핸들러가 동작합니다.. 더보기
쿠키와 세션 그리고 로컬 스토리지와 세션 스토리지 쿠키 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일. document.cookie하면 현재 쿠키 정보가 나옴. 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지됨. 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조합니다. 클라이언트에 300개까지 쿠키저장 가능, 하나의 도메인당 20개의 값만 가질 수 있음, 하나의 쿠키값은 4KB까지 저장합니다. Response Header에 Set-Cookie 속성을 사용하면 클라이언트에 쿠키를 만들 수 있습니다. 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송 쿠키의 구성 요소 이름(Name) : 각.. 더보기
Axios Axios란? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리. 즉, 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용. axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용 Promise(ES6) API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경 Axios 다운로드 npm i axios HTTP Methods Axios 사용해보기 GET axios.get(url,[,config]) 예제 import axios from 'axios'; axios.get('[https://my-json-server.typi.. 더보기
docker-compose 버전 변경 도커컴포즈 버전 확인하기 $ docker-compose -v 도커컴포즈 제거 $ sudo apt-get remove docker-compose 최신버전 설정 후 다운로드 진행 $ VERSION=$(curl --silent https://api.github.com/repos/docker/compose/releases/latest | jq .name -r) # jq가 설치가 안되있으면 설치 해줘야 함($ sudo apt install jq) $ VERSION=$(curl --silent https://api.github.com/repos/docker/compose/releases/latest | jq .name -r) $ DESTINATION=/usr/local/bin/docker-compose $ sudo.. 더보기
[Hyperledger Fabric 2.2] Backup 테스트 셋팅 네트워크: HLF 2.2 test-network 체인코드: fabcar # 버전 확인하기 cd /opt/gopath/src/github.com/hyperledger/fabric-samples/bin ./cryptogen version # 네트워크 올리기 cd .. cd test-network ./network.sh up # 채널 생성(mychannel) ./network.sh createChannel deployCC로 실행하기 ./network.sh deployCC -c mychannel -ccn fabcar -ccl go -ccv 1.0 -ccs 1 -ccp ../chaincode/fabcar/go # 체인코드 디펜더시 설치(golang) pushd ../chaincode/fabcar/go GO1.. 더보기
[Hyperledger] Hyperledger Fabric 버전 확인하기 하이퍼레저 binary 파일이 종종 업데이트가 되면서, 기존 것과 현재것에 대한 구분이 필요해졌다. 하지만, 프로젝트 clone시 버전 내용을 직관적으로 확인할 수 없어 찾아보게 되었다. 하이퍼레저 바이너리 파일은 cryptogen 버전을 따라가므로, 즉, fabric-samples의 cryptogen 버전이 곧, 패브릭 버전이다. cd ./fabric-samples/bin ./cryptogen version 더보기