본문 바로가기
반응형

전체 글80

[JavaScript] String.prototype.repeat() 문자열 반복 함수 오늘은 .repeat() 함수에 대해서 알아보았다. repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환해준다. (for문으로 덕지덕지 안 붙여도.. 깔끔하게 들어갔다..) 이걸 몰라서 여직 for 문으로 붙였다 ㅠㅠ str = "123"; strRepeat = str.repeat(3); console.log(strRepeat); // 123123123 // `` 을 사용한다면 ${} 안에 넣어주면 된다. str = ['1', '2', '3', '4', '5']; for(let i = 0; i < str.length; i ++){ console.log(`${str[i].repeat(i+1)}\n`); } // 1 // 22 // 333 // 4444 // 55555 반복 함.. 2020. 9. 17.
[Git] 터미널에서 Git 로그인 정보 자동저장 오늘은 터미널에서 Git 을 사용할 때 로그인 정보를 자동으로 저장할 수 있는 기능에 대해서 알아보았다. push 와 pull 이 빈번하게 일어나는데 계속 로그인을 해주려니 귀찮기도하고.. 비효율적이라 방법을 찾아보던중 공식 reference 페이지에서 좋은 기능을 발견 했다. git config credential.helper 'cache []' 이 명령어를 이용하면 git 로그인 정보를 저장할 수 있다고 한다. cache 옵션을 주게 되면 임시로 일정 기간 동안 저장이 된다고 하는데 만약 chche 를 쓴다면 helper 뒤에 chche --timeout= 하고 원하는 시간을 초 단위로 입력해주면 된다. 그리고 store 옵션을 넣으면 반영구적으로 저장이 된다고 한다. git config creden.. 2020. 9. 16.
[JavaScript] 매개변수에 기본값 지정하기 오늘은 함수의 매개변수에 기본값을 지정하는 방법에 대해서 알아보았다. 함수의 매개변수에 기본값을 넣는 방법은 간단했다. function myNum(a, b = 1){ return a + b; } let result = myNum(3); console.log(result); // 4; console.log(myNum(3, 3)); // 6 또한 배열을 매개변수의 기본값으로 사용할 수도 있으며 함수도 가능하다. function myArr(a = 0, array = [1, 2, 3]) { return array[a]; } console.log(myArr()); // 1 console.log(myArr(2)); // 3 console.log(myArr(4,[1,2,3,4,5,6])); // 5 function .. 2020. 9. 15.
[JavaScript] 클래스 (Class) 선언 및 사용 오늘은 JavaScript에서 클래스를 어떻게 사용하는지에 대해서 알아보았다. JavaScript 에서 Class는 함수로 정의할 수 있다. (앞에 꼭 대문자 붙여주기!) ES5와 ES6에서 그 사용이 살짝 다른데 예시를 통해 알아보겠다. // ES5 function MyUser (name, age, address) { this.name = name; this.age = age; this.address = address; } MyUser.prototype.introduce = function(){ console.log(`안녕하세요. 제 이름은 ${this.name} 이구요 나이는 ${this.age}입니다.`); } let leo = new MyUser('leo', 25, '지구'); console.lo.. 2020. 9. 15.
[JavaScript] 클로저 (Closure) 오늘은 클로저 (Clsure)에 대해서 공부했다. 클로저는 외부 함수의 변수에 접근이 가능한 내부 함수로 함수 안에 함수가 있는 형태이다. 외부 함수에서 내부 함수를 리턴 시켜줄 수 있기 때문에 내부 함수로 값이 저장이 가능하다. 또한 접근 범위를 지정해 줄 수 있어서 private 지정자처럼 사용이 가능하다. (객체 지향 프로그래밍의 특징 중 하나인 은닉성과 연관 지을 수 있다.) 함수의 외부에서는 내부로 접근이 불가능하지만 내부에서는 외부에 선언된 변수를 참조할 수 있기 때문에 유용하게 사용이 가능하다. 또한 클로저는 마치 객체처럼 사용이 가능하다. function myUser(name, age){ return function addUser() { console.log(`이름은 ${name} 이고, .. 2020. 9. 15.
[JavaScript] arguments 객체 오늘은 argments 객체에 대해서 알아보았다. MDN에서는 arguments에 대해서 이렇게 설명했다. arguments 객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체이다. arguments 객체는 모든 함수 내에서 이용 가능한 지역 변수이며 arguments 객체를 사용하여 함수 내에서 모든 인수를 참조할 수 있다. 호출할 때 제공한 인수 각각에 대한 항목을 갖고 있다. 말그대로 함수에 인수로 들어온 값이 여러개일때 arguments[0], arguments[1] , ... 이렇게 접근이 가능하다는 말인것 같다. 좀 더 자세히 알아보기 위해 예제를 살펴보았다. function func1(a, b, c) { console.log(arguments[0]); // a // expected .. 2020. 9. 15.
반응형