minzzl

안녕하세요.. 프로젝트 진행 중에 황당하게 피그마에서 오류가 나서 .. 이렇게 글로 정리해봅니다.. 피그마가 업데이트 되고나서 발생하는 오류인듯합니다. 너의 크롬에 WebGL이 현재 지원되지 않아서 파일을 열수 없다고 하는데요.. 그리고 친절하게 article을 읽어보라고 합니다 .. 근데 왠걸 ㅋㅋ 저기 article에서는 chrome://flags/ 에 들어가서 WebGL 관련 flag를 다 키면 제대로 작동될거라고 하지만. 저는 여전히 똑같은 오류가 나왔습니다 ^^ 해결방법은 간단했습니다. setting에 들어가서 hardware라고 검색한 후에 Use hardware acceleration when available 을 켜주시고, relaunch 해주시면 정상 작동됩니다 ~!

개발을 하다보면 REST와 REST API라는 표현을 자연스럽게 접하게됩니다. 또한 다음과 같은 설명으로 많이 접했을 것입니다. REST API 1. URI를 통해 자원을 지정 2. HTTP 메서드 : 자원에 대한 행위 표현 HTTP 메서드를 통해 해당 자원에 대해 어떠한 행동을 할 것인지를 명시하는 API인데, 예를 들어 사용자라는 자원에 대해 CRUD 작업을 하고 싶다면, /user와 같은 URI로 사용자라는 자원을 지정하고 POST,GET,PUT,DELETE를 통해 사용자에 대한 생성, 조회, 수정, 삭제 작업을 처리하는 것을 말합니다. CREATE POST /user READ GET /user/1 UPDATE PUT /user/1 DELETE DELETE /user/1 그러나 REST라는 개념을 ..

다음과 같은 오류를 만나본적이 있나요? CORS를 알기전에 SOP라는 개념을 짚고 넘어가는 것이 좋습니다. SOP(Same Origin Policy) - 다른 출처의 리소스를 사용하는 것에 제한하는 보안 방식 출처란 무엇일까요? 아래의 그림에 잘 나와있습니다만, URL의 Protocol, Host, Port를 통해 같은 출처인지 다른 출처인지 판단할 수 있습니다. 즉 Protocol, Host, Port가 모두 같아야만 같은 출처라고 할 수 있는데요, 그렇다면 http://localhost 와 동일 출처인 URL은 다음 중 무엇일까요? 1. https://localhost 2.http://localhost:80 3.http://127.0.0.1 4.http://localhost/api/cors 정답은 2..

Scope 우선 아래의 코드부터 보겠습니다. x와 y는 자신이 선언된 위치에 따라 본인의 유효범위가 결정되었습니다. 즉 변수 x, y에 대해 다른 코드가 참조할 수 있는 어떠한 범위가 결정 될 것 인데요, 이러한 유효범위를 scope라고 합니다. scope 정의 변수 이름, 함수 이름, 클래스 이름과 같은 식별자가 본인이 선언된 위치에 따라 다른 코드에서 자신이 참조 될 수 있을지 없을지 결정되는 것 그렇다면 만약 변수가 전역에 선언되어있지만 지역에는 없고, 지역에도 선언되어있고 전역에도 선언되어 있다면 어떻게 실행이될까요? scope 체인 위의 그림과 같이 함수는 중첩이 될 수 있습니다. 각 함수들의 중첩이 일어난다면 scope도 중첩이 일어납니다. 이는 scope가 함수의 중첩에 의해 계층적인 구조를..

웹 사이트에서 버튼을 클릭했다고 가정해봅시다. 만약 해당 버튼이 다음과 같다고 했을 때 이벤트의 시발점은 어디일까요? 버튼 네 맞습니다. div를 이벤트의 시발점이라고 하는데요, 즉 div를 눌렀을 때 클릭 이벤트가 있으면 실행이 됩니다. 그런데, 우리는 div를 눌렀지만 div 하나 만을 눌렀다고 하기는 굉장히 애매합니다. 왜냐하면, div를 감싸는 body도 있고 그를 감싸는 html도 있기 때문입니다. 우리는 div를 클릭한것이라고 해야할까요? 아님 body를 클릭했다고 해야할까요? 그래서 브라우저는 우리가 div를 눌렀지만, div가 단독으로 있는 것이 아닌 여러개의 부모가 있다면, 만약 부모들에게도 click event가 있다면 다 같이 실행을 시켜버립니다. 도미노 처럼 말이죠. 즉 이벤트의 원..

this 함수 내에서 함수 호출 맥락(context) 맥락이라는 것은 상황에 따라서 달라진다는 의미인데, 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라집니다. this 라는 키워드는 함수 안에서 사용되는 키워드이며, 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 합니다. this는 함수 안에서만 사용될 수 있으며 변수 안에 담겨있는 값의 의미는 그 함수를 어떻게 호출했느냐에 따라 달라집니다. 함수의 호출 기본적으로 this는 전역 객체에 바인딩 된다. 전역 함수는 물론 내부 함수의 경우도 this는 전역 객체에 바인딩 됩니다. function foo() { console.log("foo's this: ", this); // win..