깃허브 공부를 좀 제대로 하고싶어서..강의와 문서 참고한 것들을 정리해보고자 한다!1. GIT 이란?깃 = Version Control System 버전관리시스템 2. git init : 현재 디렉토리에 대한 버전관리새로운 git 저장소(repository) 를 생성할 때 사용하는 명령어git init 을 실행하게 되면 현재 디렉토리를 기준으로 git 저장소가 생성이 된다. 이때 .git 디렉토리가 생기게 되는데 이것은 그냥 생기는 것이 아니고 버전관리를 위한 중요한 메타정보가 담겨있다! 따라서 만약에 .git 디렉토리를 지우게 되면 모든 변경 이력이 사라지게 된다. ... 3. git config git config --global 이 명령어는 특정 사용자에게만 적용되는 설정이다! global 옵션으로..

1. 클로저란?함수형 프로그래밍의 핵심이 되는 요소함수가 선언된 렉시컬 환경 과의 조합을 말한다.  function outer() { var outerVar = "외부 변수"; function inner() { console.log(outerVar); // 외부 변수에 접근 가능 } return inner;}const innerFunc = outer();innerFunc(); // "외부 변수" 출력  2. 렉시컬 환경(Lexical Environment)자바스크립트에서 함수가 선언되면, 그 함수의 렉시컬 환경이라는 특별한 구조가 만들어진다.📍 렉시컬 환경은 함수가 선언될 때 어떤 변수가 어디에 있는지를 저장하고 관리 하는 일종의 '지도' 역할을 한다..

1. this 키워드 메서드가 속한 객체를 가리키는 특수한 참조자  객체(Object) 안에 있는 메서드(Method)는 그 객체의 프로퍼티에 접근할 수 있다.그런데 메서드가 프로퍼티에 접근하려면, 자신이 어느 객체에 속해 있는지 알아야 그 객체의 프로퍼티를 제대로 참조할 수 있다.우리는 이 객체를 this 키워드를 통해 가리키게 된다.   2. 동작원리이해하기(1) 객체리터럴방식우리는 객체리터럴방식으로 JS에서 객체를 생성하였다.객체리터럴방식은 중괄호{} 를 사용하여 객체를 정의하고 그 안에 프로퍼티와 메서드를 바로 정의하는 방식이었는데이 방식을 사용하여 메서드 내부에서 객체를 가리키는 식별자를 바로 참조할 수 있다.   const circle = { radius:5, //프로퍼티: 객체 고유의 ..

타입스크립트에서 타입을 명시할 때 void 를 받을 때도 있고 any 를 받을 때도 있는데둘 차이를 정확하게 정리하고 싶어서 포스팅 적는담.. 📌 먼저 Promise 에 대해서 복습해보자. https://khw063011.tistory.com/43 [JS] 자바스크립트 비동기처리(2) - async / await 이해하기[JS] 자바스크립트 비동기처리란? (1)자바스크립트를 다루면 무조건 보게 되는 비동기처리!잊지 말자는 뜻에서 포스팅한다... 📌  비동기(Asynchronous) 란?  쉽게 얘기하자면,동기는 차근차근 처khw063011.tistory.com Promise는 비동기작업이 끝난후의 반환값, 즉 결과값을 명시하는 것이었다. 따라서 나 는 반환타입을 명시할 때 사용하는 방식으로 볼 수..

전에 useRef 에 대해서 공부를 한적이 있었는데오래된건지.. 좀 까먹어서 ㅠㅠㅠ조금 더 자세히 공부하고자 포스팅하게 되었다  1. useRef여기서 Ref 는 참조(Reference) 이담즉!!!! DOM 요소나 컴포넌트의 인스턴스에 대한 참조를 관리할 때 사용된다. 원래 다른 컴포넌트는 상태 변화나 부모 컴포넌트의 변경에 의해 다시 그려지지만useRef를 사용하면 컴포넌트가 리렌더링되더라도 useRef 에 저장된 값은 초기화되지 않고 그대로 유지된다.  따라서.. useRef 로 저장한 값은 컴포넌트가 리렌더링될 때도 유지되면서 값이 변경되어도 컴포넌트를 리렌더링 하지 않느다. 따라서 리렌더링과는 별개로 값을 저장하거나 컴포넌트에 접근하는데 유용하다.   🔇 포커스를 설정하거나 스크롤 위치를 변경..

1. strict mode 의 배경function hihilong() { x=10;}hihilong();console.log(x);//? 이걸 생각해보자. hihilong 함수 내에서 선언하지 않은 x 변수에 값 10을 할당을 해버렸다.  이때 x 변수를 찾아야 x 에 값을 할당할 수 있는 것이기 때문에 자바스크립트 엔진은 x 변수가 어디에서 선언이 되었는지를 스코프체인을 통해 검색을 하기 시작한다 (-위로 올라가면서 찾는 것임!)  그런데 이때 hihilong 함수의 스코프에는 x 변수의 '선언' 이 없으므로... 검색이 실패를 할 섯이다. 따라서 자바스크립트 엔진은 x 변수가 어디에 선언이 되었는지를 검색하기 위해서 hihilong 삼수 컨텍스트의 상위스코프에서 x 변수의 선언을 검색핮ㄴ다.  그런데..

1. 객체지향 프로그래밍독립적인 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임속성을 통해 실체를 인식하거나 구별할 수 있다. 상태 데이터와 상태 데이터를 조작할 수 있는 동작을 하나의 논리적 단위로 묶어 생각한다. 객체 : 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조프로퍼티 : 객체의 상태 데이터메서드 : 객체의 동작추상화 : 다양한 속성 중에서 프로그램에 필요한 속성만 간추려내어 표현하는 것  2. 상속과 프로토타입상속 : 어떤 객체의 프로퍼티나 메서드를 다른 객체가 상속받아 그대로 사용할 수 있는 것을 의미한다. => 자바스크립트는 프로토타입을 기반으로 상속을 구현하여 불필요한 중복을 제거할 수 있다.  => 상속은 코드의 재사용 관점에서 매우 유용하다. ..

표준빌트인객체, 호스트객체, 사용자 정의 객체가 존재함표준빌트인객체: ECMAScript 사양에 정의된 객체이고 애플리케이션 전역의 공통 기능 제공호스트객체: ECMAScript 사양에 정의되어있지 않지만 자바스크립트 실행환경에서 추가로 제공하는 객체사용자정의객체: 사용자가 직접 정의한 객체1. 표준 빌트인 객체 Math, Reflect, JSON 제외 모든 표준 빌트인 객체는 인스턴스를 생성할 수 있는 생성자 함수 객체생성자 함수 객체 (String, Number, Boolean, Function, Array, Data) 는 프로토타입 메서드와 정적 메서드 제공생성자 함수 객체가 아닌 표준빌트인 객체(Math, Reflect, JSON) 는 정적 메서드만 제공 프로토타입 메서드=> 객체 인스턴스에서 호..

1. 일급객체의 조건무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성 가능변수나 자료구조에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 모두 만족하므로... 일급객체다!   함수가 일급객체다... 라는 것은 함수를 객체와 동일하게 사용할 수 있다는 의미이다. 객체는 값이기 때문에 함수는 값과 동일하게 취급할 수 있다.  따라서... 함수는 값을 사용할 수 있는 어디서든지 리터럴로 정의할 수 있고 런타임에 함수 객체로 평가된다. 하지만 일급객체로서 함수가 가지는 가장 큰 특징은 일반 객체와 같이 함수이ㅡ 매개변수에 전달할 수 있으며 함수의 반환값으로도 사용할수도 있다는 것이다.   2. 함수 객체의 프로퍼티함수는 객체이므로 프로퍼티를 가진다...

17장을 공부하다가.. this 에 대해서 조금 더 구체적으로 정리하고 싶어서 새로운 포스팅을 작성한담..  1. this 란 ?함수나 메서드 내부에서 현재 실행되고 있는 컨텍스트(문맥)나 객체를 참조하는 역할을 한다. 하지만, this가 참조하는 대상은 그 사용 위치에 따라 달라지기 때문에 상황에 맞게 사용하면 된다!  📌바인딩이란?  식별자와 값을 연결하는 과정을 의미한다. 변수 선언은 변수 이름과 확보된 메모리 공간의 주소를 바인딩하는 것이었다. this 바인딩은 this 와 this 가 가리킬 객체를 바인딩하는 것이다.  1. 전역 컨텍스트에서의 thisconsole.log(this); // 전역 객체를 참조한다. //브라우저에서는 `window`, Node.js에서는 `global` 2. 객..