https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/find Array.filter와 비슷하게 조건에 맞는 배열을 새로운배열로 리턴하지만 Array.find는 첫번째 요소만을 반환한다. const array1 = [5, 12, 8, 130, 44]; const found = array1.filter(element => element > 10); console.log(found); //[12, 130, 44] const found2 = array1.find(element => element > 10); console.log(found2); //12

Typescript로 블록체인 만들기 강의를 토대로 정리한 내용입니다. tsconfig.json tsconfig.json파일이 있으면 vs code는 우리가 타입스크립트로 작업하는것을 알게되고 자동완성 기능을 제공해준다. { "include": ["src"], //코드가 있는 경로 "compilerOptions": { "outDir": "build", //파일이 생성될 디렉터리를 지정, build폴더 하위에 컴파일된 파일이 생성된다. "target": "ES6", // 컴파일할 자바스크립트 버전 "lib": ["DOM", "ES6"], // 타입스크립트에게 어떤 api를 사용하고, 어떤환경에서 실행되는지 설명 "allowJs": true, // 타입스크립트 안에 자바스크립트 허용 "esModuleInte..

Typescript로 블록체인 만들기 강의를 토대로 정리한 내용입니다. Typescript 타입스크립트는 자바스크립트기반으로 만들어진 언어 자바스크립의 여러문제를 해결하고 보완하기 위해 만들어진 언어 strongly-typed언어 - 프로그래밍 언어가 작동하기 전에 type을 확인한다. Typescript 사용하면 좋은점 - 코드에 버그가 줄어든다. - 더 나은 개발자경험을 제공한다. 타입의 종류 let a:number let b:string let c:boolean // array type let a:number[] let a:string[] let a:boolean[] //object type const player : { name: string, age: number } = { name: 'aa',..

async async 비동기 함수의 사용법은 function앞에 async키워드를 써주면 됩니다. async가 반환하는 값은 Promise가 됩니다. 반환된 Promise를 then이나 catch로 받을 수 있습니다. let hello = async () => { return 'hello'} hello .then((value) => console.log(value)) .catch((err) => console.log(err)); await 순차적으로 실행되어야 하는 비동기 함수가 있는 경우는 해당 비동기 함수 앞에 await 키워드를 써줍니다. 그러면 await를 넣어준 비동기 함수가 fulfil될 때까지 중단하고 결과를 반환합니다. await는 async function안에서만 사용할 수 있습니다. a..

이미지를 다운로드 해야하는 기능을 구현하다가 나온이슈가 있어서 정리해 봅니다. 이미지 다운로드 구현 방법 1. a태그에 href, download 속성을 사용하여 구현합니다. 정말 간단!!! 그렇지만!! 변수가 있다는 점 - 같은 출처에 있는 이미지가 아니면 작동하지 않는다. - ie에서는 작동하지 않는다. 사실 이번작업에 같은출처 이미지가 아니라 a태그를 사용할수는 없었습니다. 2. XMLHttpRequest를 사용하여 직접 blob 을 얻어와 처리 이 방법으로 하면 교차출처 이미지도 가능하고, ie도 가능하다는 점 입니다! function downloadImg(url, fileName) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xh..

이번에 작업을 하면서 CORS 오류를 제대로 경험했다!! 정말 힘든 시간이었던 이번 작업 기능 개발보다 CORS오류를 해결하는 시간이 더 오래 걸렸다... 다음에는 당황하지 않기 위해 CORS에 대해 정리하는 시간을 가지려고 한다! CORS는 무엇인가? CORS(Cross-Origin Resource Sharing)는 교차 출처 리소스 공유라고 한다. HTTP 헤더를 사용해서 다른 출처에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제라고 한다. 언제 CORS현상이 나올까 호스트, 프로토콜, 포드가 다른 경우에 CORS현상이 발생된다. https://shopping.naver.com:80/home/p/index?sort=asc&page=2#tab2 프로토콜 호스트 포트번호 패스 쿼리스트링 프래..

Promise란?프로미스는 자바스크립트 비동기처리에 사용되는 객체입니다.자바스크립트는 동기식 언어로 한번에 한작업만 실행을 하게 되는데 비동기처리를 하면특정코드의 실행이 완료될때까지 기다리지 않고 다음코드를 먼저 수행하게된다. Promise가 필요한 이유?- callback 지옥에서 벗어날 수 있다.function c(callback) { setTimeout(() => { callback(); }, 1000)};c(() => {console.log('callback')}) //1초 뒤 console 출력// 콜백지옥c(() => { c(() => { c(() => { console.log('callback') //3초 뒤 console 출력 }) }) })- 데이터를 받아온 ..