본문 바로가기
728x90

전체 글47

리눅스 linux 명령어 2 - vi 에디터 메타코딩님의 유튜브 강의를 보면서 리눅스 vi 에디터 내용을 정리했습니다. 목차 📑 일반 모드 입력 모드 명령행 모드 일반 모드 vi 으로 처음 에디터로 진입한 경우 일반모드가 됩니다. 단축키로 에디터를 수정할 수 있습니다. 그러면 자주 사용하는 단축키를 알아보겠습니다. 마우스 우클릭 : 붙여넣기 shift+v: 블럭지정 dd: 현재 행 삭제 yy: 현재 행 복사 y 복사 p: 붙여넣기 u: undo 기능 (window ctrl + z와 같은 기능) ctrl + r: redo 기능 (window ctrl + y와 같은 기능) home: 행의 맨 처음으로 이동 $: 행의 맨 끝으로 이동 ctrl + b: 위로 한 화면 스크롤 ctrl + f: 아래로 한 화면 스크롤 shift+v: 블럭지정 + y 복사 +.. 2023. 12. 26.
리눅스 linux 명령어 1 - 조회, 생성, 삭제 메타코딩님의 유튜브 강의를 보면서 리눅스 명령어 강의 내용을 정리했습니다 목차 📑 경로 이동 파일 조회 파일/폴더 생성 파일/폴더 삭제 파일명 수정 바로가기 만들기 경로 이동 clear # 클리어 pwd # 현재경로 조회 cd .. # 상위 경로 이동 cd / # 최상위 경로로 이동 (절대경로로 이동) 파일 조회 ls # 파일 조회 ls -l # 파일 자세히 조회 -로 시작하면 파일 d로 시작하면 폴더 ls -al # 숨긴 파일까지 모두 조회 ls --help # ls 명령어 옵션 조회 파일/폴더 생성 touch a.txt # 파일 생성 cp a.txt b.txt # 파일 a.txt를 b.txt로 복사 mkdir user # 폴더 생성 mv a.txt user/c.txt # 파일 이동 + 파일명 변경 파.. 2023. 12. 26.
22장 this - 바인딩 call, apply, bind 일반 함수와 콜백 함수에서 this에 대해 알아보겠습니다. Function.prototype.call, apply, bind 로 콜백함수에 this를 바인딩해보겠습니다. 목차 📑 콜백 함수의 this 소개 this 바인딩 하기 Function.prototype call, apply 차이 Function.prototype bind 콜백함수의 this 소개 콜백 함수가 일반 함수로 호출된다면 콜백 함수 내부의 this에도 전역 객체가 바인딩됩니다. 어떠한 함수라도 일반 함수로 호출되면 this에 전역 객체가 바인딩됩니다. var value = 1; const obj = { value: 100, foo() { console.log('foo this: ', this); // { value: 100, foo: f.. 2023. 12. 13.
25장 클래스 - 클래스 정의, 클래스와 생성자 함수 비교 클래스와 생성자 함수의 차이에 대해 알아 보겠습니다. 목차 📑 클래스 정의 클래스와 생성자 함수의 차이 클래스 정의 // 클래스 선언문 class Person { // 생성자 constructor(name){ // 인스턴스 생성 및 초기화 this.name = name; // pulic } // 프로토타입 메서드 sayHi(){ console.log(`Hi! My name is ${this.name}`); } // 정적 메서드 static sayHello() { console.log('Hello!'); } } // 인스턴스 생성 const me = new Person('Jeon'); // 인스턴스의 프로퍼티 참조 console.log(me.name); // 프로토타입의 메서드 호출 me.sayHi(); .. 2023. 12. 7.
19장 프로토타입 - __proto__와 prototype __proto__와 prototype에 대해 알아 보겠습니다. 목차 📑 __proto__ 소개 prototype 소개 __proto__ 소개 __proto__ 모든 객체는 __proto__ 접근자 프로퍼티를 통해 자신의 프로토타입에 간접적으로 접근할 수 있습니다. __proto__는 접근자 프로퍼티 입니다. __proto__ 접근자 프로퍼티는 객체가 직접 소유하는 프로퍼티가 아니라 Object.prototype의 프로퍼티입니다. 모든 객체는 상속을 통해 Object.prototype.__propto__ 접근자 프로퍼티를 사용할 수 있습니다. const person = { name : 'jeon'} // person 객체는 __proto__ 프로퍼티를 소유하지 않습니다. // person.__proto__.. 2023. 12. 5.
19장 프로토타입 - 생성자 함수 인스턴스 생성시, 불필요한 중복을 프로토타입으로 제거하고, 오버라이딩과 프로퍼티 새도잉에 대해 알아 보겠습니다. 목차 📑 생성자 함수의 프로토타입 생성자 함수로 인스턴스 생성 인스턴스 오버라이딩과 프로퍼티 섀도잉 생성자 함수의 프로토타입 function Circle(r){ this.r = r; this.getArea = function () { return Math.PI * this.r ** 2; } } const circle1 = new Circle(1); const circle2 = new Circle(2); console.log(circle1.getArea === circle2.getArea) // false 인스턴스를 생성할 때마다 메서드를 중복 생성하고 모든 인스턴스가 중복 소유합니다. 모든 인.. 2023. 11. 30.
728x90