목록전체 글 (83)
minzzl
문제 https://www.acmicpc.net/problem/10250 10250번: ACM 호텔 프로그램은 표준 입력에서 입력 데이터를 받는다. 프로그램의 입력은 T 개의 테스트 데이터로 이루어져 있는데 T 는 입력의 맨 첫 줄에 주어진다. 각 테스트 데이터는 한 행으로서 H, W, N, 세 정수 www.acmicpc.net 풀이 우선 조건을 보면 거리가 같을 때에는 아래층 방을 선호한다는 것이 적혀있다. 이는 거리가 짧다면 윗층을 선택할 수도 있다는 것인데, 즉 N번째 손님의 방 호수를 결정하기 위해서는 아래층에서 윗층으로 쌓아가듯이 순서대로 진행하면 된다는 것이다. 그림으로 나타낸다면 다음과 같다. 그런데 다음과 같이 진행하다보면 규칙이 눈에 보인다. H(입력된 층수)는 N의 크기에 따라 층수는 ..
개발을 하다보면 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..