블로그

https://ui.toast.com/weekly-pick/ko_20210603 자바스크립트에서 switch (true) 패턴 사용하기 | TOAST UI :: Make Your Web Delicious! 자바스크립트에서 switch (true) 패턴 사용하기 원문: Sean Barry, https://seanbarry.dev/posts/switch-true-pattern 잘 알려져 있진 않지만 훌륭한 패턴이 있다. 필자는 Vortexa의 애플리케이션 개발팀(채용 중)에 합 ui.toast.com switch문의 식을 true로 주게 되면, 문자열이 아닌 표현식의 성립 여부로 조건을 검사할 수 있다는 내용이었다. 알아만놓고 딱히 사용하지 않은 패턴이었다. 왜 그런가 생각해보니 if / else를 가독성을..

자바스크립트를 배우면서 가장 헷갈렸던 부분이 this 였다. 자바에서는 단순하게 자기 자신을 가리키지만 자바스크립트에서는 여러 상황마다 다른 결과를 보여준다. 몇 년 동안 사용하다보니 익숙해지긴 했지만 확실하게 포스팅으로 정리하는게 낫겠다는 생각이 들었다. 1. 일반적인 호출 일반적인 상황. 즉, 그냥 호출하는 경우 기본적으로 this는 전역 객체를 가리킨다. 단, strict 모드에서는 undefined function foo() { console.log(this); // window } foo(); 2. 내부 함수의 호출 1번과 마찬가지로 this는 전역 객체를 가리킨다. function foo() { console.log(this); // window function bar() { console.l..

java.lang.IllegalArgumentException: Invalid character found in method name. HTTP method names must be tokens 문제 페이스북 소셜 로그인을 위해 http로 접근 시 페이지를 https로 리다이렉트 하는 과정에서 에러가 발생했다. 해결 로컬 접속을 고려하지 않은 결과 발생한 에러였고, 조건문을 통해 로컬에서 사용하는 port를 구분하도록 하였다. 기존 코드 if(location.protocol.indexOf('https') === -1) location.protocol = 'https:'; 변경 코드 if(location.protocol.indexOf('https') === -1 && location.port === "")..

출처 : 프로그래머스 알고리즘 코딩테스트 Level.2 https://programmers.co.kr/learn/courses/30/lessons/42587?language=javascript 1. 중요도 순으로 인쇄하기 때문에 중요도를 내림차 순으로 정렬한 배열이 필요하다. 2. 요청한 문서의 위치를 담을 변수가 필요하다. 3. 이후 반복문이나 재귀함수를 사용한다. 답안 function solution(priorities, location) { let cnt = 0; let max = priorities .slice() .sort() .reverse(); do { if (priorities[0] == max[cnt]) { cnt++; if (location === 0) { return cnt; } } ..

출처 : 프로그래머스 알고리즘 코딩테스트 Level.1 https://programmers.co.kr/learn/courses/30/lessons/17681?language=javascript 비밀지도 문제 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 공백(" ) 또는벽(#") 두 종류로 이루어져 있다. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 지도 1과 지도 2라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에..