본문 바로가기

분류 전체보기150

깃 SSH 인증 방법 깃 SSH인증 방법 환경 : window의 powershell 이나 linux의 terminal 등 bash 기반 cli SSH 키 생성 터미널에 다음 명령어 입력 (이메일은 깃 헙에서 "Settings"->"Emails"에서 Primary로 등록된 것 기준) (비번 등 입력하라하는데 그냥 enter 3번 누르기) ssh-keygen -t ed25519 -C "your_email@example.com"​ 다음 명령어로 SSH 키를 읽고 복사 (공개 키 경로는 키생성 명령 시에 나옴) (터미널에 Your public key has been saved in ) (반드시 공개 키(.pub)를 복사할 것 - .pub 가 없는 건 개인키) Linux기반의 경우 : cat Window의 경우 : type 또는 파일.. 2021. 8. 16.
콜백(callback) 함수를 Promise로 바꾸기 (콜백함수로 await 쓰기) 필요성 가끔, 여러 npm 라이브러리 중에서 async/await 또는 Promise를 지원하지 않고 callback만을 지원하는 경우가 있다. (에러 처리를 아직 callback으로 하는 라이브러리가 종종 있다) 또는, 예전에 작성한 코드를 리펙토링 하는 과정에서 callback을 Promise 등으로 바꾸고자 하는 경우가 있다. 이러한 상황에서 callback 함수를 Promise로 변환하는 과정이 필요하다. 해결방법 간단하다. Promise 생성자를 통해 바꾸어주면 된다. 콜백 함수가 받는 인자들도 모두 온전히 사용할 수 있다. 콜백 함수가 원래 받던 인자들을 그대로 받으면서, Promise를 return 하는 새로운 함수를 만들어 주면 된다. callback 예시 코드 그냥 callback 만 사.. 2021. 7. 20.
VS code 자주 쓰는 단축키 정리 (기본 설정 기준, 각 short cut 들은 사용자 임의로 변경 가능) 디스플레이 제어 및 에디터 제어 전체 화면 토글: f11 글자 확대/축소 : ctrl+ 또는 ctrl- 빠른 종료 (quit): crtl + q 파일 열기 : ctrl + o (이후 파일 선택) 폴더 열기 : ctrl +k ctrl + o (이후 폴더 선택) 현재 창 닫기 : ctrl + w 그룹 창 닫기 : ctrl + kw 현재 창 저장 : ctrl + s 모든 창 저장 : ctrl + ks 다른 이름으로 저장 : ctrl + shift + s 터미널 창 토글 : ctrl + ` 새 프롬프트 열기 : ctrl + shift + c 모든 명령 보이기 : ctrl + shift + p (이후 명령 선택 e.g. Add Folder .. 2021. 7. 20.
CSS border이 안보여요! 한 줄 요약 border-style의 default value가 none이라서 안 보이니, border-style을 solid로 설정하자. 문제 코드 문제 코드 실행 결과 문제 원인 border-style의 default 값이 none이라서 border-width 등 다른 property를 설정해도 적용되지 않음. 해결 방안 다음 코드 추가 border-style:solid; 수정한 코드 수정한 코드 실행 결과 귀여운 캬루가 박스에 갇혔다ㅠ 2021. 7. 20.
JS closure JS closure에 대해 알아봅시다. JS closure 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효 범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. -mozilla- 위 설명과 같이, JS에서 함수는 함수 선언 당시의 어휘적 환경(사용가능한 지역 변수 등)과 항상 함께 다닙니다. 이런 방식으로 함수를 처리하는 것이 왜 유용할까요? JS closure 을 사용하는 이유 클로저는 어떤 데이터(어휘적 환경)와 그 데이터를 조작하는 함수를 연관시켜주기 때문에 유용하다. 이것은 객체가 어떤 데이터와(그 객체의 속성) 하나 혹은 그 이상의 메서드들을 연관시킨다는 점에서 객체지향 프로그래밍과 분명히 같은 맥락에 있다. 결론적으.. 2021. 3. 31.
JS Prototype, How to work new? 이번 포스팅에서는 JavaScript의 ProtoType에 대해서 다루어 보도록 하겠습니다. JS에서 prototype JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다.— 모든 객체들이 메서드와 속성들을 상속받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미입니다. 프로토타입 객체도 또다시 상위 프로토타입 객체로부터 메서드와 속성을 상속받을 수도 있고 그 상위 프로토타입 객체도 마찬가지입니다. 이를 프로토타입 체인(prototype chain)이라 부르며 다른 객체에 정의된 메서드와 속성을 한 객체에서 사용할 수 있도록 하는 근간입니다. -mozilla.org- 위에서 말하듯이, JS에서 모든 것은 객체이며, 모.. 2021. 3. 30.

티스토리툴바