Minsoftk

1. VScode에서 commit시 vi모드 해제 - `git commit` 명령어를 실행 시, 터미널에서 vi 모드로 열리는게 불편했다. 이를 VSCode에서 수정하도록 config 설정을 해준다. # PATH 등록이 되었는지 확인 code --verison # 안되어있을 경우, MAC에선 Command + Shift + P # Shell을 입력 후, Shell Command: Install 'code' command in PATH를 선택 # editor 변경 git config --global core.editor "code --wait" # 정상등록 되었는지 확인 git config --global -e 2. git log default Pager 설정(vi 모드 해제) - `git log` 명령어..

어느 순간부터 VScode에서 Alt + Z를 사용해 줄 바꿈 하는 기능이 적용이 되지 않았다. 바로가기 키 설정을 막 바꾸다 보니 생기는 오류라고 생각했다. 그러다 점점 줄 바꿈 기능이 먹히지 않아 짜증이 극에 달하기 시작했다. 처음에는 키 바인딩 문제라고 생각해 바로가기 키가 겹치는 게 있는지 확인했다. 하지만 바로가기 키에 문제가 있지 않다고 판단했다. 문제가 발생했을 시점부터 확장 플러그인을 많이 설치했던 기억이 있어 확장 프로그램을 비활성화 시킨다음에 줄 바꿈 기능이 적용이 되는지 확인해봤다. F1 key > developer 입력 후 색칠된 메뉴 찾아 클릭 > Alt + z 적용 여부 확인 만약, 적용이 된다면 익스텐션에 충돌이 일어나서 문제가 되는 것이라 생각한다. 하지만 그래도 적용이 되지..

SPA를 JavaScript로 구현하는 프로젝트를 진행하면서 url 변경 이벤트를 감지해야 하는 경우가 발생했다. 일반적으로는 pushState로 URL 변경 이후, router path에 해당하는 컴포넌트를 render 해준다. 아래와 같다. const navigate = path => { window.history.pushState({}, null, path); render(element, routes[path]); }; const render = (elem, Component) => { elem.innerHTML = Component; } 그런데 SPA를 구현하면서 우리는 URL 변경에 초점을 두고 개발을 진행하게 됐다. 즉, URL 변경이 일어나면 URL을 파싱 해 router에 해당하는 path..

22.06.07 CORS 정의 수정 이전 블로그 글에서 5. HTML 임베디드 요소의 태그의 내용을 정리할 때, 어트리뷰트 중 crossorigin 어트리뷰트에 대해서 언급한 적이 있었다. 예전 면접에서 font-awesome의 아이콘을 쓰기 위해, 내 HTML에 스크립트를 추가해줘서 사용했다. 그런데 그 스크립트 태그 안에서 crossorigin이 무엇인지 설명할 수 있냐고 면접관님이 물어봤었다. CORS와 관련이 있는 것은 알았지만 CORS를 제대로 알지 못했기 때문에 설명할 수가 없었다. 그래서 굉장히 당황했던 기억이 있다. 이후 이를 이해하기 위해 많은 자료들을 참고해봤지만, 생각보다 이해가 쉽지 않았고 정확한 이해가 어려웠다. 기본이 많이 부족했기 때문에 이해가 어렵다고 생각해서 정리를 나중으로..

this에 대한 이해 this란 객체의 프로퍼티나 메서드를 참조하기 위한 자기 참조 변수이다. 자바스크립트에서 this에 대한 내용이 굉장히 헷갈렸다. 그 이유는 this바인딩이 상황에 따라 다르게 때문이었다. 함수를 정의할 때 this에 바인딩할 객체가 결정되는 것이 아니고, 함수를 호출할 때 함수를 어떻게 호출했는지에 따라 this에 바인딩할 객체가 결정된다. 굉장히 헷갈리는 부분이었고 나중에 화살표 함수에서도 this가 바인딩되는 방식이 달랐다. 화살표 함수에서는 함수 자체의 this 바인딩을 갖지 않는다. 그래서 상위 스코프의 this를 참한다. 이렇게 개발자가 함수를 어떻게 호출하냐에 this가 바인딩하는 위치가 달라진다. 생각해보면 굉장히 비효율적인 것 같다. 어떻게 호출되냐에 따라 this가..

프로토타입을 공부하면서 굉장히 헷갈리는 부분이 많았다. 내용을 다시 정리해보면서 내가 헷갈렸던 부분을 공유하고 제대로 공부해보고자 한다. 멘토님이 이런 개념들을 공부하고 나라면 어떻게 사용할 것인가? 에 대한 고민이 많이 필요하다고 했다. 공부를 하면서 해당 개념에 대한 나의 생각을 정리해놓는 것이 당연하다고 생각했다. 하지만 생각을 정리하기 위해선 개념들을 확실히 알아야 했다. 아직은 모든 개념들이 연결이 되지는 않지만, 반복적 학습을 통해서 개념들을 연결시키려고 노력하려 한다. 1. 프로토타입이란? 자바스크립트에서는 프로토타입을 기반으로 상속을 구현한다. 여기서 프로토타입이란 어떤 객체의 상위 객체의 역할을 하는 객체로서 다른 객체에게 공유 프로퍼티를 제공한다. 이를 이해하기 위해선 내부 슬롯, 내부..

22.06.07 일부 내용 수정 자바스크립트 변수 선언과 할당 동작 과정 이해 현재 자바스크립트를 배우고 있는데 느끼는 점이 굉장히 많다. 당연하다고 생각하던 것이 당연한 것이 아니었던 것이다. 프로그래밍에 입문하면서 C, C++을 배웠었는데, 동작의 결과에 대해서는 당연하게 생각하고 왜 그런 동작을 하는지에 대한 고민을 해본 적이 별로 없었다. 또한 오류가 나도 해결하는 게 중요했지, 왜 오류가 나는지 고민을 해본 적이 별로 없었다. 이번에 자바스크립트를 배우면서 동작 원리의 정확한 이해라는 방향성을 가지고 공부를 하면서 기본이 정말 중요하다는 생각을 하게 됐다. 과연 내가 혼자 공부를 했다면, 이런 방향성을 생각하면서 공부할 수 있었을까? 여기에서 정확한 이해라는 방향성이란 기본에 충실하는 것을 의미..

2170번: 선 긋기 첫째 줄에 선을 그은 횟수 N(1 ≤ N ≤ 1,000,000)이 주어진다. 다음 N개의 줄에는 선을 그을 때 선택한 두 점의 위치 x, y(-1,000,000,000 ≤ x < y ≤ 1,000,000,000)가 주어진다. www.acmicpc.net 선긋기 좌표가 겹치는 경우와 포함하는 경우들을 생각하면서 경우를 나눴다. 즉, 다음 선이 이전 선에 포함될 수도 있고, 겹치지 않을 수도 있다. 다음 선이 이전 선에 포함이 되는 경우는 생각하지 않아도 되는 경우이다.(생각해보면 당연 이전 선이 더 큰 범위이기 때문) 이렇게 경우를 나눠서 생각해보면 된다. 이렇게 선의 좌표를 구해주고 마지막엔 선의 길이를 구해준다. function solution(n, arr) { let answer..