대가는 결과를 만든다

아래의 Array 메서드들이 ES6에서부터 사용가능한 메서드들인 줄 알았으나, 아니다. 모두 ES5에서 사용 가능한 메서드이다. 하나씩 예제코드와 함께 정리해보겠다. 목차 1. forEach 2. mp 3. some 4. every 5. filter 6. reduce 7. find 내용 다음 배열을 공통적으로 사용한다는 전제하에 예제 코드를 설명하겠다. var testArray = ["a", "b", "c", "d"]; 1. Array.forEach - 배열 전체를 돌며 해당 배열의 요소에 직접 어떤 작업 수행하고 싶을 때 "배열자체를 변경" - callback parameter : item, index, array testArray.forEach( function (item, index, array){..

Export 방법에는 두가지가 있다. 1. Named Export : 변수/함수/객체 명을 export, 초기화와 export 동시에 가능 //초기화와 동시에 export export const something = 5; export function sum(a,b){ return a+b; } //선언된 객체의 export const something = 5; const sum = function(a, b) { return a + b; }; export {something, sum}; - alias 지정 const somthing = 5; export {something as somethingNew}; //something이라는 상수는 somethingNew라는 이름으로 export된다. - 다른 모듈의 ..

1. 비구조화 할당 : 객체의 필드를 꺼내 새로운 변수를 대입하는 상황을 단순화 //ES5 var example ={ name : "james", age: "15", school: "some" }; var name = example.name; var age = example.age; //ES6 비구조화 할당 const example ={ name : "james", age: "15", school: "some" }; let {name, age} = example; console.log(name, age);//james 15 //ES6 함수 파라미터 응용 const example ={ name : "james", age: "15", school: ["some", "any", "how"] }; functio..

기본적인 내용은 제외하고, 개인적으로 기록하고픈 내용들만 정리한다. 1. String 1) startsWith() , endsWith() : 앞/뒤로 일치하는 문자열 판단 2) includes() : 문자열 포함여부 판단 let str = "A is B"; str.startsWith("A");//true str.endsWith("B");//true str.includes("is");//true 2. Array 1) for in의 문제 보완한 for of //for-in의 경우 index로 순회 : 상위 prototype의 값도 포함될 수 있음 let data = ["A","B"]; Array.prototype.getIndex = "C"; for(let index in data){ console.log(d..

(이슈를 설명하려고 적었던 글이였고, 블로그에 옮기는 과정에서 약간 수정한 글이라 조금 글이 매끄럽지 않음) 이슈 웹뷰가 아닌 일반 브라우저 app(pc, mobile 포함)에서는 모두 http=>https, www.realies.kr=>realies.kr로 redirect를 정상적으로 동작한다. 그런데 라인/카카오톡 같은 메신저에서 홈페이지 url을 공유 후 클릭하면 상황이 달랐다. 라인에서는 아예 웹사이트가 뜨지 않았고, 카카오톡에서는 유효하지 않은 인증서라는 문구가 한번 뜨고 나서 https로 연결이 정상적으로 되었다. 아래 과정으로 수정을 해서 이슈는 해결했지만, 애초에 ACM 인증서 설정 자체를 잘했다면 안해도 됬을 삽질이었다-_-;; 이슈의 원인을 파악하고, 해결한 방법을 설명하는 글로, 글이..

nginx에서 rewrite 설정을 하다가 기록용으로 남겨 놓는다. /test/something/~~ 과 같이 요청이 들어왔을때, /something/~~ 으로 rerwrite하여 다른 test container에 요청을 전달할 상황이 생겼었다. server 블록 안에 다음과 같이 정의해서 해결했다. location /test { rewrite ^/test(.*)$ $1 break; error_log /var/log/nginx/rewrite_debug.log debug; proxy_pass http://a-docker-container; } -설명 예를 들어 /test/something/new 라는 요청이 들어왔을때, "/test" 이후에 오는 uri를 $로 칭한다는 뜻이다. 후에 $1는 앞에서 $로 칭..

aws의 특정 서비스에 접근하는 방법은 다음과 같이 3가지가 있다. 1) aws sdk 2) aws cli 3) aws console (웹 페이지) aws console을 통해서가 아닌 명령어로 aws service에 특정 명령 실행하고자 할때 aws cli가 필요하다. (예를 들어 s3에 파일 업로드, ecr에 image push 등..) 1. Python 설치를 확인 (Python 2 버전 2.7+ 또는 Python 3 버전 3.4+) $ python --version 2. 번들 설치 curl "https://s3.amazonaws.com/aws-cli/awscli-bundle.zip" -o "awscli-bundle.zip" unzip awscli-bundle.zip sudo ./awscli-bun..

AWS의 Docker Image Repository인 ECR에서 EC2로 image pull 하는 부분을 정리하겠다. 1. 먼저 ECR의 레지스트리 기본 URL 형식은 다음과 같다. https://aws_account_id.dkr.ecr.region.amazonaws.com 2. 이 레지스트리에 대해 알맞은 권한을 사용할 IAM 사용자에게 부여해야 한다. (이 부분은 IAM 사용자에게 권한정책 설정하는 내용이므로 생략하겠다. Elastic Container Registry에 대한 권한을 주면 된다. 참고로 ECR에서 권한설정도 가능하다.) 3. EC2(혹은 다른 곳)에서 자신 고유의 ECR에 접근할 때는 다음과 같은 절차로 진행한다. (aws-cli가 필요하다. 이미 설치까지는 했다는 전제이다. 설치 방..