JavaScript (16) 썸네일형 리스트형 [JS] 로컬 서버 http https로 변경하기 개발을 할때 로컬 서버를 띄우면 http://localhost:8080 과 같은 형태이다.페이스북 로그인과 같이 테스트 하면서 URL을 설정할 때 http를 막는 곳이 있을 수 있어 http->https로 변경하는 작업이 필요할 수 있다.따라서 아래와 같이 실행한다. mkcertmkcert를 전역적으로 설치npm install -g mkcert 아래 express 도 추가로 설치npm install expressnpm install express-sanitizer CA (Certificate Authority) 만들기 ( 파일생성됨: ca.key - CA private key /ca.crt - CA certificate)mkcert create-ca localhost 도메인의 인증서를 만들기 ( 파일생.. [JS] Promise 프로미스 의미 Promise란 코드에서 바로 값을 return 하지 않는 대신 promise를 return 하여 최종적으로 나중에 값을 제공하는 것을 뜻합니다. 그렇다면 이 Promise는 어디서 사용할까요? 나중에 값을 제공한다니 떠오르는게 하나 았지 않으신가요? 네. 바로 HTTP 호출을 했을 때 입니다. 물론 HTTP 호출할 때 외에도 여러 방면에서 Promise를 쓰긴 하지만 일반적으로 가장 많이 사용하는 곳은 HTTP 호출할 때입니다. JavaScript에서 promise는 비동기이기 때문에 해결 또는 끝내는데 시간이 걸립니다. 하지만 JS 엔진인 promise가 끝날때까지 기다리지 않고 다른 코드들을 실행합니다. 그래서 promise가 최종적으로 값을 return 하기 전까진 pending 상태가 retur.. [JavaScript] 객체의 key 와 value 가져오기 객체의 key 와 value를 각각 가져오고 싶었던 중 아래 코드를 발견하였다. 이걸 이용하면 간단하게 가져올 수 있다..!!😲 key 가져오기 Object.keys() Object.keys() 메서드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환합니다. console.log(Object.keys(객체)); value 가져오기 Object.values() Object.values() 메소드는 전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴합니다. 이 배열은 for...in 구문과 동일한 순서를 가집니다. (for in 반복문은 프로토타입 체인 또한 열거한다는 점에서 차이가 있습니다.) console.log(Object.. [JavaScript] 입력한 숫자에 따라 배열을 생성하는 함수 만들기 React 코드를 작성 중, 배열을 [1,2,3] 처럼 먼저 만들어 놓고 map을 돌리는 것은 비효율적이라고 생각이 되었다. 14개를 만들때 하나하나 다 입력하고, 나중에 숫자가 더 커진다면 ?😵 그래서 처음 빈 배열을 담은 변수를 생성한 후, 입력한 숫자에 따라 배열을 만들어 내도록 하였다. 아래 코드에서 arrayLists 에 14를 매개변수를 넣는다면 입력한 숫자만큼 배열이 생겨난다. let arr = []; const arrayLists = (n) => { for (var i = 0; i < n; i++) { arr.push(...[i]); } console.log(arr); }; //매개변수 숫자만큼 배열 생성 arrayLists(14); ▼ 콘솔창 출력화면 그리고 arr.map 을 통해 반복되.. [Javascript] 객체(object)의 키(key)와 값(value)을 배열로 얻기 http://www.gisdeveloper.co.kr/?p=11005 Javascript 객체(object)의 키(key)와 값(value)을 배열로 얻기 – GIS Developer 만약 다음과 같은 자바스크립트 객체가 있다고 할 때.. const obj = { a: 'Dip2K', b: 30, c: true, d: {} }; obj 객체를 구성하는 전체 키를 배열로 얻는 코드는 다음과 같습니다. console.log(Object.keys(obj)); // Array www.gisdeveloper.co.kr 만약 다음과 같은 자바스크립트 객체가 있다고 할 때 const obj = { a: 'Dip2K', b: 30, c: true, d: {} }; obj 객체를 구성하는 전체 키를 배열로 얻는 코드는 .. [Javascript] 심볼(Symbol) (feat. 객체 key) javascript 심볼(Symbol) https://jsdevlog.tistory.com/entry/javascript-%EC%8B%AC%EB%B3%BCSymbol-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0 javascript 심볼(Symbol) 알아보기 ES6에서 새로 추가된 자료형인 심볼(symbol) 타입은 Symbol() 함수를 통해 할당받을 수 있습니다. new Symbol()을 통한 호출은 TypeError가 발생합니다. Symbol()로부터 반환되는 모든 값을 고유하며, 객체 프 jsdevlog.tistory.com ES6에서 새로 추가된 자료형인 심볼(symbol) 타입은 Symbol() 함수를 통해 할당받을 수 있습니다. new Symbol()을 통한 호출은 Ty.. [JavaScript] switch 와 return 아래 형식은 switch 를 사용하는 기본형. switch(변수){ case 값1: 실행문1; break; case 값2: 실행문2; break; case 값3: 실행문3; break; .... default: 실행문; } 물론 .. case 여러개가 동일 실행문을 타는 수도 있어서 아래 케이스 가능. switch(변수){ case 값1: case 값2: 실행문1; break; case 값3: 실행문2; break; .... default: 실행문; } 그리고, 자바스크립트는 변수에 대한 type 구분이 흐릿(?)해서 값 부분에 true/false, 숫자, 문자, 문자열 등도 가능. switch(변수){ case '문자열1': 실행문1; break; case '문자열2': 실행문1; break; case.. 강의 정리 참고 강의 정리 내용은 저작권상 비공개글로 작성하였습니다. 이전 1 2 다음
