DeveloperJun

vsCode 설정 및 에러잡기 코딩을 위해 설정을 하던 중 협업과 관련하여 점점 eslint가 중요해지기 시작했다. 간단하게 세팅을 하고 바로 사용하면 될 줄 알았으나 에러가 크게 뙇!! 나 같은 경우는 nest js 의 exception filter를 커스텀 하여 사용하려고 코딩하던 중 회사 설정과 집 설정이 달라 세팅하던 중 에러를 뿜뿜 뱉고 있었다. 거슬리는 빨간 줄 표시들.. F8 을 누르면 에러 내용을 바로 볼 수 있다. 첫 줄 부터 바로 볼 수 있는 이 에러.. 급하게 세팅을 하다가 eslint 만 설치하고 prettierr를 설치 하지 않았다면 이 것보다 더 최악의 에러가 발생 한다. 컨트롤 + 쉬프트 + X (윈도우 기준) 버튼을 눌러 이 친구도 설치를 해주고!! .eslintrc.js 파..

코엑스 시소페어(SISOFAIR) ​ 코로나 사태가 심각해진 후 코엑스를 정말 오랜만에 방문했다. IT 관련이나 디자인, 액세서리 등 다양한 전시회를 매년 꼭 방문하는 편이었는데, 코로나 덕에.. 정말 오랜만에 방문했다.. ​ 날씨도 갑자기 너무 추워지는 바람에.. 막상 가려니 가는 게 맞나 싶었지만 바람 좀 쐴 겸 코엑스로 향했다. ​ 주차는 탄천 주차장!!!! ​ 이후 코엑스로 걸어서 진입을 하였다. ​ 웬걸.. 사람도 별로 없었고.. 휑~ 한 느낌이었으며, 시소페어라는 배너는 보이지도 않았다. ​ 1층에는 호주 유학 박람회?였나.. 그 배너만 3층으로 가라고 써져있었고.. 시소페어는 가는 방법도 모른 채 무작정 3층으로 향했다.. ​ 먼가 기분이.. 별로였음.. ​ 그렇게 3층까지 올라가니 쩌~~ ..

call 이란? call() 메소드는 주어진 this 값 및 각각 전달된 인수와 함께 함수를 호출합니다. 라고 MDN에 작성되어 있습니다. 예를 들어 아래와 같은 코드가 있다고 가정해보겠습니다. var title = "환영합니다."; var house = { title: "집이예요~", room: { title: "방입니다.", getTitle: function() { return this.title; } } } 아래와 같이 실행하면 각각 어떤 결과가 나올까요~? var fn = house.room.getTitle; fn(); // 환영합니다. house.room.getTitle(); // 방입니다. house.getTitle = house.room.getTitle; house.getTitle(); //..

베개 여행기 ​ 잠에 대해 무척이나 예민한 저는 일명 베개 여행이라는 약 현재 6가지 종류의 베개를 사용해 보며 여행 중에 있습니다. ​ 아직, 저의 보금자리를 찾지 못했지만요.. ​ ​ 먼저 라텍스, 메모리폼, 솜, 거위털? 등 재질 위주로 경험을 먼저 시작했어요. ​ 막상 누워보거나 체험할 수 있는 곳이 집 주변에 별로 없기도 하고 베개를 체험하러 찾아 본적도 없으니까요. ​ 돌고 돌다 여러 시도 끝에 그나마 저는 낮은 베개를 선호하고 있었습니다. ​ 신체 특성상 낮은 베개를 원하는 것 같은데 대부분의 베개들이 작은 사이즈라고 하면 7~9cm 높이를 작은 사이즈라고 표현하고 있었어요. ​ 하지만 저는 그것보다 낮은 베개가 필요한 건지 다 써봤지만 모두 불편했답니다 ㅠㅠ ​ 그러던 중 발견한 낮은 메모..

다이소 크리스마스 품목 ​ 다이소에 볼일이 있어 방문을 했더니 크리스마스 시즌으로 준비가 한창 이었습니다. ​ 아마 부지런한 분들은 미리미리 크리스마스 대비를 시작하셨을 텐데요. ​ 저희 동네의 다이소에서는 ​ 크리스마스 관련해서 어떤 물건들을 판매하고 있는지 사진으로 담아봤습니다. ​ 사진을 보시다가 혹시나 좋은 생각들이 떠오르실까봐 이렇게 남겨 놓겠습니다. ​ 물론 매장마다 판매 품목이 다르긴 하겠지만 이런 물건들을 판매하고 있었습니다. ​ ​​ 보시고 원하시는 물건 찾으시면 다이소 쇼핑 가자구요!!

호이스팅이란? 함수 앞에서 함수를 호출하는 것을 뜻합니다. (네?) "건설 현장의 이런 엘리베이터 보신 적 있으신가요? 건설 현장에서는 호이스트라고 합니다. 저는 공사장에서 호이스트를 타고 매일 일해본적이 있기에 이 사진을 보자마자 기억을 오래 할 수 있었습니다." (TMI) 호이스팅을 검색하면 아래와 같은 내용들을 찾아볼 수 있습니다. - 코드가 실행하기 전 변수선언/함수선언이 맨 위로 끌어올려진 것 같은 현상 - 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 - 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언 등등.. 여기서의 공통적인 핵심은 '미리' 또는 '맨 위'입니다. 호이스팅을 단순히 실행하면 맨 위로 올라간다? 미리 할당..

로제 떡볶이란? ​ 로제 하면 생각 나는건 블랙핑크 로제? 아니고, 장미? 아니고 로제 와인? .... ​ 사실 로제 떡볶이는 로제 파스타에서 착안해 만든 음식이라고 어디서 주워들었습니다만.. ​ 정확한 기원은 없다고 합니다. ​ 실제로 업체간 레시피 문제로 법정 다툼이 있을 정도로 최근 새로운 요리 중 하나 인 것 같아요. ​ ​ ​ 친구들 로제 떡볶이 ​ 사실... 요즘 유행과 점점 멀어지고 있어서 로제 떡볶이 대란이 일어난 후 한~~~참이 지나서야 처음으로 맛 볼 기회가 생겨 이렇게 맛을 보게 되었다... ​ 나이를 탓해야겠.. ​ 일단 기본적으로 육수가 제공이 되어 내가 물을 조절할 필요가 없었다. ​ 그리고 이 우유같은.. 크림같은.. 먼가 그냥 마음 까지 하얗게 바꿔주는 이 육수는.. 그냥 바..

천명 ​ 요즘 코로나로 힘드신 분들도 많고, 근무의 스타일도 재택근무로 변화하게 되면서 거의 대부분을 집에서 모두 할 수 있게 되었습니다. ​ 요즘 상황이 상황이라 그런지 여러모로 사주, 운세, 타로 등 조금이나마 마음의 안정을 위한 서비스가 정말 인기 있는 것 같습니다. ​ 요즘 뜨고 있는 천명! ​ 신점, 사주, 타로 ​ 이 세 가지를 전화를 통해 받아볼 수 있는 엄청난 앱이었습니다!! ​ ​ 사실 사주를 본다고 하면 소문으로 찾아가거나 별로 알 수 없는 정보들로 밑져야 본전치기로 방문하는 경우가 많은데 이 앱에서는 각각의 선생님이 추구하는 것들을 적어놓으셨고 가격도 미리 안내를 해주다 보니 정말 부담 없고 좋았어요. ​ ​ 저도 사실 언젠가 꼭 한 번 신점을 보고 싶다고 생각을 했었는데 요 근래 퇴..

퀵 정렬(Quick Sort)이란? 기준키를 기준으로 작거나 같은 값을 지닌 데이터는 앞으로, 큰 값을 지닌 데이터는 뒤로 가도록 하여 작은 값을 갖는 데이터와 큰 값을 갖는 데이터로 분리해가며 정렬하는 방법입니다. 이전에 만나봤던 합병정렬과 비슷하게 두 영역으로 분리하여 비교하는 정렬 방법입니다. 이렇게 두 영역으로 분리하여 각각을 해결하고 다시 합치는 전략을 분할 정복 방법이라고 합니다. 퀵 정렬의 원리를 좀더 간단하게 단계별로 나누면 아래와 같습니다. 1. 피벗을 설정한다. 2. 피벗보다 큰 수는 오른쪽 작은 수는 왼쪽에 배치한다. 3. 피벗을 기준으로 두개의 배열로 나눈다. 4. 각각의 배열을 1번부터 재귀적으로 반복한다. // 위치 변경 const swap = (arr, leftIndex, ri..

병합 정렬이란 합병 정렬 또는 병합 정렬이라고 불리며 O(n log n) 비교 기반 정렬 알고리즘입니다. 일반적인 방법으로 구현했을 때 이 정렬은 안정 정렬에 속하며, 분할 정복 알고리즘의 하나입니다. 정렬하고자 하는 데이터의 모임을 비슷한 크기의 두 부분으로 반복하여 나눈 뒤, 나누어진 부분 데이터들을 정렬한 다음에 다시 병합하면서 하나의 정렬된 데이터 모임으로 만드는 방법입니다. // 합병 정렬 const merge = (left, right) => { let arr = []; while (left.length && right.length) { if (left[0] < right[0]) arr.push(left.shift()); else arr.push(right.shift()); } return [..