코린이[코딩 어린이]

[ 오늘의 배움 ]

• 돈 버는 방법은 수없이 많다.
• 돈 버는 방법은 월급 외에도 무궁무진하다.
• 시간을 자유롭게 쓰려면 돈이 저절로 들어오는 구조를 만들어야 한다.

[ 오늘의 배움 ]

• 투자에 관심을 가지는 것은 나를 차별화하는 방법 중 하나다.
• 세상은 자산에 따라 급이 나누어져 있다.
• 경제적으로 자립하면 인생의 선택지가 넓어진다.

[ 오늘의 배움 ]

• 돈에 자기 마음대로 의미를 부여하지 않는다.
• 받기 꺼리는 돈이 있다는 것은 자기 안에 그런 식으로 편하게 돈을 버는 것에 대한 동경이 있다는 뜻이다.
• 깨끗한 돈을 벌기 위해서는 돈 자체를 중립적으로 바라봐야 한다.

[ 오늘의 배움 ]

• 저축도 보험도 최소한으로 들어야 한다.
• 살아 있는 돈으로 만드는가, 죽은 돈으로 만드는가는 모두 하기 나름이다.
• 돈이 모여들게 하려면 독점하지 말아야 한다.

[ 오늘의 배움 ]

• 절약으로는 금전적으로나 정신적으로 풍요로워질 수 없다.
• 씀씀이를 줄이는 것은 나의 가능성을 줄이는 것이다.
• 지출을 줄이기보다 수입을 올리는 것이 훨씬 더 편하고 즐겁다.

for 반복문

while반복문이 조건에 비중을 두는 반복문이라면, for반복문은 조건보다 횟수에 비중을 둘 때 사용하는 반복문입니다.

for반복문 형태

for(초기식; 조건식; 종결식;) {
    내용
}

for반복문에서는 가장 먼저 초기식이 한번 실행된 후 조건을 비교합니다. 이때 조건식이 거짓이라면 반복문을 빠져나가고, 참이면 문장을 실행하고 종결식을 실행한 후 다시 조건식을 비교합니다. 

for반복문의 순서

1. 초기식 실행
2. 조건식 비교 ( 거짓이면 반복문 종료 )
3. 문장을 실행
4. 종결식 실행
5. 2번으로 이동 ( 조건식 비교 )

for반복문 기본형태

for(var i = 0; i < 10; i++) {
    내용
}

이와같이 반복문을 사용하면 조건식에 저장된 숫자만큼 쉽게 반복문을 작동시킬 수 있습니다.

for반복문 예

for(var i = 0; i < 5; i++) {
    alert(num + '번째 반복문');
}

for반복문의 초기문 변수는 i, j, k, m, n처럼 식별자를 간단하게 한 글자로 만드는 것이 일반적입니다. 물론 i대신 두글자 이상의 변수로 작성해도 문제는 없습니다.

for(var i = 0; i < 10; i++)와 같은 형태의 for반복문을 단순 for반복문이라고 합니다. 0으로 시작해서 10바로 전까지 반복 실행하는 이유는 배열의 인덱스가 0에서 시작하기 때문입니다.

for반복문과 배열 예

var array = ['사과', '귤', '바나나', '망고', '파인애플'];

for(var i = 0; i < array.length; i++) {
    alert('과일: ' + array[i]); // 사과, 귤, 바난, 망고, 파인애플 순서로 경고창 생성
}

단순 for반복문을 사용해 배열의 요소를 순서대로 모두 출력할 수 있습니다.

반면에 요소를 반대로 출력하는 것도 가능합니다. 이러한 반복문을 역 for반복문이라고 합니다.

역 for반복문 예

var array = ['사과', '귤', '바나나', '망고', '파인애플'];

for(var i = array.length - 1; i >=0; i--) {
    alert('과일: ' + array[i]); // 파인애플, 망고, 바나나, 귤, 사과 순으로 경고창 생성
}

이러한 단순 for반복문, 역 for반복문 같은 형태를 많이 사용하지만 다른 형태도 많이 사용됩니다.

for반복문의 특이한 예

var startTime = new Date().getTime();

for(var cps = 0; new Date().getTime() < startTime + 1000; cps++) {}

alert('초당 연산 횟수: ' + cps);

startTime에서 현재시간을 구하고 반복문을 시작합니다. 반복문은 startTime에서 구해진 시간에 +1초후에 종료됩니다.

그럼 1초동안에 연산속도가 어느정도인지 알 수 있습니다.

while 반복문

while반복문은 자바스크립트의 가장 간단한 반복문입니다. 형태는 if와 비슷하지만 if처럼 한번만 실행하는 것이 아닌 불 표현식이 true인 동안 지속적으로 문장을 실행합니다.

while 반복문의 기본적인 형태

while(불 표현식) {
    내용
}

무한 반복문 예

while(true) {
    alert('무한 반복문');
}

이런식으로 거짓 조건을 넣지 않으면 경고창이 무한으로 반복해서 열리는 문제점이 생긴다.

while반복문으로 반복문을 실행할 경우에는 무한으로 반복되는 것( 무한루프 )을 방지하기 위해 벗어날 수 있는 조건을 만들어 주어야 합니다.

while반복문 벗어나기

var num = 0;
while(num < 5) {
    alert(num + '번째 반복');
    num++;
}

위처럼 내부에서 조건을 변화시키면 무한루프에 빠지지 않을 수 있습니다.

do while 반복문

while반복문은 조건을 먼저 검사하고 코드블록을 반복적으로 실행합니다. 따라서 처음 조건을 검사했을 때 조건이 거짓이라면 내부의 문장을 한번도 실행하지 않습니다.

그런데 어떤 경우에는 조건의 참, 거짓여부에 상관없이 내부의 내용을 최소한 한 번은 실행해야 하는 경우가 있습니다. 이 때 do while반복문을 사용합니다.

do while반복문의 형태

do {
    내용
    while(불 표현식);
}

while반복문과 달리 조건의 비교보다 내용의 실행이 먼저 일어나기 때문에 문장을 무조건 한번 실행합니다.

do while반복문 예

var num = 0;

do {
    alert(num + '번째 반복문');
    num++;
} while (num < 5);

이렇게 보면 while반복문과 do while반복문의 차이점이 없어보이지만 내용을 한 번은 꼭 실행해야 하는 특수한 목적일 때에는 사용이 됩니다.

id값에 변수 추가하기

<div :id="'id명' + (index + 1)" v-for="(item, index) of main" :key="'a' + index"></div>

실제 예

<div :id="'box' + (index + 1)" v-for="(item, index) of main" :key="'a' + index"></div>
<!-- id="box1" -->

<div :id="'box' + index + 1" v-for="(item, index) of main" :key="'b' + index"></div>
<!-- id="box01" -->

<div :id="'box' + index" v-for="(item, index) of main" :key="'c' + index"></div>
<!-- id="box0 -->

1번부터 나오게 하기 위해서 첫번째처럼 괄호를 써서 표현을 했습니다.

:key값을 문자열을 추가하여 표기한 이유 바로가기

length속성

UTF-16코드 유닛을 기준으로 문자열의 길이를 나타냅니다.

:: length속성은 배열처럼 0부터 시작이 아닌 1부터 시작합니다.

length속성 예 ( 1 왼쪽에 있는 ``백틱을 사용하면 아래처럼 ${} 사용이 가능합니다. )

const string = '안녕하세요 오늘 날씨가 너무 좋네요';

// 백틱을 사용하지 않을 경우
console.log(string + ': ' + string.length); // 안녕하세요 오늘 날씨가 너무 좋네요: 19

// 백틱을 사용할 경우
console.log(`${string}: ${string.length}`); // 안녕하세요 오늘 날씨가 너무 좋네요: 19

push()메서드

push()메서드는 배열의 끝에 요소를 추가하고, 배열의 새로운 길이를 반환합니다.

push()메서드 예

const animals = ['돼지', '고양이', '강아지'];

const count = animals.push('소');
console.log(count); // 4

console.log(animals); // '돼지', '고양이', '강아지', '소'

animals.push('닭', '물개', '캥거루');

console.log(animals); // '돼지', '고양이', '강아지', '소', '닭', '물개', '캥거루'

push()메서드는 배열 끝에 여러 값을 추가해줍니다.

count변수에는 추가한 배열의 새 길이 값을 포함한다고 생각하면 됩니다.

반복문의 장점

컴퓨터가 인간에 비해 월등히 뛰어난 능력이 반복능력입니다. 아무리 반복해도 컴퓨터는 지루해하지도, 능률이 떨어지지도 않습니다. 컴퓨터에게 반복작업을 시키는 방법은 굉장히 간단합니다. 

for 반복문

for(var i = 0; i < 100; i++) {
    console.log('반복 출력');
}

위 코드는 콘솔창에 내용을 반복해서 100번 띄워줍니다.

물론 반복할 작업을 복사한 후에 원하는 만큼 붙여넣기로 해줄수도 있습니다. 하지만 이게 1000번 10000번 이상 넘어가면 가능은 하지만 매우 비효율적입니다. 그렇기에 반복문을 사용해서 효율적으로 만들어줍니다.

배열

배열은 여러 개의 변수를 한꺼번에 선언해 다룰 수 있는 자료형입니다. 자바스크립트에는 문자열, 숫자, 불, 함수, 객체, undefined의 여섯가지 자료형이 있는데, 배열은 객체 자료형 중 하나입니다.

배열은 기본적으로 대괄호 ( [] )로 생성합니다. 대괄호를 사용하고 안에 있는 값을 쉼표로 구분해 입력합니다. 

배열 예

var array = [1, 2, 3, 4, 5, 6];

위처럼 배열( [] )안에 입력된 값을 요소(element)라고 합니다. 어떠한 종류의 자료형도 요소가 될 수 있습니다.

여러 자료형을 포함한 배열 예

var array = [100, '문자', true, function() {}, {}, [100, 101]];

console.log(array);

위처럼 요소를 순서대로 출력해줍니다.

요소 각각을 사용하려면 배열 바로 뒤에 대괄호를 입력하고 안에 숫자를 넣습니다. ( 자바스크립트는 기본적으로 0부터 시작하기 때문에 1번 자리를 0으로 생각하면 됩니다. )

:: 대괄호 안에 들어가는 숫자는 인덱스(index)라고 부릅니다.

배열에서 요소에 접근하기

    var array = [100, '문자', true, function() {}, {}, [100, 101]];

    console.log(array[0]); // 100
    console.log(array[4]); // {}
    console.log(array[6]); // undefined

6번째는 요소가 존재하기 않기 때문에 undefined를 출력합니다.