대가는 결과를 만든다

PR을 생성하여 Reviewer에게 전송하는 방법을 정리 한다. Bitbucket, sourcetree 기준이다. 1. Local Repo에 commit 후 Remote Repo Push 전에 Pull 요청 생성 (create Pull Request) 선택 2. Push할 브랜치를 선택 후 웹에서 pull 요청 생성 클릭 3. Pull Request 작성

javascript에서 this가 가르키는 것들에 대해 정리해본다. 기본적으로 this는 window이다. 하지만 이 this가 가리키는 것은 this가 위치하는 곳 마다 바뀌게 된다. * 화살표 함수 사용시 this가 또 달라지니 유의해야 한다. 1) 객체 메서드 안의 this는 객체자신을 가리킨다. var obj = { a: function () { console.log(this);} }; obj.a(); //obj를 출력 2) 하지만 아래처럼 호출하면, a2는 obj.a를 꺼내온 것이기에 더이상 obj 객체의 메서드가 아니므로 this는 window를 가리킨다. * 호출하는 시점에 함수가 객체의 메서드 인지 그냥 함수인지가 중요 var a2 = obj.a; a2(); //window 를 출력 => ..

함수의 메서드! 생소한 문법이었는데 정리해본다. 이전에 javascript this에 대한 이해가 먼저 선행되는게 좋다. 우리가 정의하는 함수에도 사용할 수 있는 기본 메서드가 있다는 것이다. (Array 메서드, Object 메서드 같이...) 함수의 메서드 중 call, apply, bind가 대표적이다. 1. call, apply 함수를 호출하는 일반적인 방법은 '함수명( )'이다. call, apply는 함수를 호출하는 또다른 방법이라고 생각하면 쉽다. let example = function (a,b,c) { return a+b+c; } //== 아래 세개의 함수호출은 모두 똑같은 동작을 한다. ==// example(1,2,3); example.call(null, 1, 2, 3); exampl..

Three.js에서 사용할 수 있는 material의 종류들과 그 특성에 대해 간단히 정리한다. 1. MeshBasicMaterial : 단순 음영(Shader)로 그림 (평면, 와이어프레임) - 조명 영향 X 2. MeshDepthMaterial : 음영으로 깊이를 표현 재질 -카메라의 원근을 이용한 깊이 표현, 뒤에 있을 수록 어두움. 3. MeshLambertMaterial : 반사광, 하이라이트가 없는 재질 -정점 Shader 음영 계산하여 면에 보간, -비물리적 기반의 Lambertian 모델 사용 -Gouraud 쉐이딩 모델, 반짝이는 표면을 시뮬레이션 할 수 X 4. MeshNormalMaterial : 백터를 RGB 색상으로 매핑하는 재질 5. MeshPhongMaterial : 반사 하이..

npm ERR! Maximum call stack size exceeded 혹은 Installing ERROR | Unexpected end of JSON input while parsing near ' : ' 이런 에러가 npm install '모듈' 중에 발생 했다. 원인을 알 수 없었다. 일단 검색으로 찾은 해결책은 아래와 같다. npm cache clean --force 이렇게 캐시를 한번 지워주고 나면 정상적으로 동작한다.

INTRO SSO는 Single Sign-On의 약자로 한번의 로그인으로 여러개의 다른 도메인을 이용한다는 의미를 담고 있다. 예를들어, 로그인 검증은 A라는 곳에서 하고, B라는 곳에서는 A에서 검증된 로그인 정보라면 검증을 따로 하지 않게끔 하는 것이 SSO에 해당한다. 이런 SSO를 구현하기 위한 대표적인 방법으로 SAML, OAuth가 많이 사용된다. 1. SAML (Security Asserting Markup Language) : (로그인) 인증/인가 정보를 담은 XML : cross domain 상황, 다양한 플랫폼에 관계없이 표준적인 방법으로 SSO 구현이 가능하게 함 : 아래와 같이 3가지의 구성원이 존재 1) Service Provideer (SP) : 서비스 제공 주체 2) User ..

Array/Object type을 vue component의 props로 사용하는 경우 default를 정의할 때, props:{ something: { type: Object,//혹은 Array default: { example: "foo", foo: "example" } } 다음과 같이 정의 하면 에러가 발생한다. 아래와 같이 정의해 주어야 한다. props:{ something: { type: Object, default: ()=> { return{ example: "foo", foo: "example" } } } }

INTRO promise 패턴과 array method를 활용한 비동기 시퀀스 처리에 대해 예제와 함께 정리해보았다. 아직도 복잡하고 좀 익숙치 않다. 특히 맨마지막 4.개선은 아직 좀 더 익숙해져야 하겠다. array method에 대해 정리가 필요하다면 여기 참고 : https://developers.google.com/web/fundamentals/primers/promises?hl=ko 참고하여 예제를 정리했다. 예제 케이스가 참 좋은 것 같은데 설명 번역이 좀 엉성하긴하다. 여러개의 비동기 처리 콜은 하되, 결과 값은 순차적으로 저장 하도록 하는 예제를 살펴본다. 4.개선에서는 이전 비동기 콜 실행이 끝나는 것을 기다리는 것이 아니라 콜은 모두 동시에 하되, 결과는 순서대로 표시하도록 효율적인 ..