function과 js의 작동

<script>
function hey(){ alert('안녕!'); }

<button onclick="hey()">노래 기록하기  </button>

코드 분석

1. function 뒤에 hey()라는 함수를 만든다.
2. js의 onclick이라는 기능(누르면 실행)을 이용해 hey()함수를 실행한다
3. hey()에 지정된 alert가 실행되면서 '안녕!'이라는 알람이 뜬다.

느낀점 : function 뒤에 붙는 hey()를 뭐라고 수식해야할지 모르겠다. 매소드? 함수? 선택자? 아직 2번째 복습이라서 헷갈린다. 그리고 hey 뒤에 있는 ()이건 왜 들어가는지 모르겠다. 지금은 붙이라고해서 붙이고 있는 수준이다. 아직 갈길이 멀구나.

변수

let first_name='sarah'
let last_name='lee'

콘솔창에서 let으로 변수를 저장하면 새로고침을 하지 않는 이상 지정한 내용들이 저장되어 있다. 그래서 이후에 이런식으로 변수를 연산(더하기)하면 값이 나온다. 사칙연산은 기본적으로 할 수 있다.

first_name+last_name
'sarahlee'

참고

let 은 무엇인가 : let을 이용하면 블록문 {}이나 let을 이용한 표현식 내로 번위가 제한되는 변수를 선언할 수 있다.

let과는 반대로 var가 존재 : var는 변수를 블록{}으로 고려하지 않고 현재 함수 어디에서나 접근할 수 있는 변수를 선언한다.

let과 var의 차이점 보기

function varTest() {
  var x = 1;
  if (true) {
    var x = 2; // 같은 변수!
    console.log(x); // 2
  }
  console.log(x); // 2
}

var를 쓰면 전체의 구역에서 같은 변수로 쓰이기 때문에 console로 결과를 불러왔을 때 if에 쓰인 var값으로 출력이 될것이다. 하지만 아래처럼 let을 쓰면 다른 값이 나오게 된다.

function letTest() {
  let x = 1;
  if (true) {
    let x = 2; // 다른 변수
    console.log(x); // 2
  }
  console.log(x); // 1
}

let은 블럭마다 다른 변수를 지정할 수 있기 때문에 if문에서 지정한 let의 값이 2라고 할지라도 그 안에서만 해당하기 때문에 최종 출력값은 기존에 선언한 1로 출력된다.

한번 더 정리 : let과 var는 선언문으로 변수를 지정할 수 있다. 그 차이점을 잘 기억하자.

자료형

데이터를 정렬해서 저장하는 방식이다.

느낀점

나는 분명 장문의 글로 오늘 하루 공부한 내용을 적었다. 그런데 벨로그에서 중간에 로그아웃 된것도 모르고 임시저장을 하려고 했던 나 자신...출간하기가 안된것도 모르고 새로고침 해버린 나 자신이 밉다. 오늘 하루의 기록이 모두 날아가버렸다고 생각하니 미칠것같다. 물론 다시 작성한다면 더 잘 할 수 있을것이다. 하지만 중요한것은 꺽여버린 나의 마음...

로그아웃됐으면서 왜 중간에 중간저장하고 있습니다.라는 알림을 띄우는것일까? 벨로그에게 배신당한 기분이다. 어쨌든 가장 중요한 개념.

i=0; 일때 이것은 수학적 개념 0 이 아니라 첫번째 데이터부터.라고 이해해야 한다. 그래야 반복문의 구문이 이해될 수 있을것이다.

for과 let이 헷갈리고 어떤 개념인지 부족했던 나에게 오늘의 공부는 굉장히 중요한 과정이었다고 생각한다. 이것을 해결했으니 이제 주말에는 js생활코딩을 복습하면서 제대로 메모할 수 있지 않을까? 코드를 단순화 하는 그 과정도 좀 더 자신있게 접근할 수 있을것 같다.

아..내가 적었던 영감과 느낀점들이여...모두 안녕...
그래도 나는 좌절하지 않아..그냥 속상한것 뿐이야...