TIL _변수,함수 기초

kyoungyeon·2022년 5월 18일
0

TIL

목록 보기
39/105

값으로 변환된 표현문이 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다.

  • 변수 기초, 변수 실습
    자바스크립트에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다.
    • 프로그래밍은 데이터 처리를 하는 것임을 이해한다.
    • 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다.
  • 변수 선언과 값 할당에 사용되는 용어에 대해서 정확하게 알 수 있다.
    • =가 "같다"라는 의미가 아니라 할당 연산자임을 이해할 수 있다.
    • 변수의 선언
    • let key
    • 변수 값의 할당
    • key = 'me!'

num = num + 1이 "같다"라는 의미가 아니라 값을 할당하는 것임을 설명할 수 있다.

  • 프로그래밍은 데이터 처리를 하는 것임을 이해한다.

  • 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다.

  • 변수의 선언과 값의 할당에 대해서 설명하고 코드로 작성할 수 있다.

  • 값으로 변환된 표현문이 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다.

  • 자바스크립트에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다.

  • 변수 선언과 값 할당에 사용되는 용어에 대해서 정확하게 알 수 있다.

  • =가 "같다"라는 의미가 아니라 할당 연산자임을 이해할 수 있다.

  • num = num + 1이 "같다"라는 의미가 아니라 값을 할당하는 것임을 설명할 수 있다.
    =>
    데이터 보관함 (메모리가) 제공된다 =>
    선언한다 = 보관함 확보를 한다
    할당한다 = 보관함에 데이터 저장한다 (= :저장 : 같다아님)
    선언과 할당 동시 let obj ='me'
    코드 한줄 =표현식
  • 프로그래밍 = 데이터 처리방식
    데이터 보관함 = 메모리 = 모두 동일하다
    각 보관함 이름 = 데이터 이름표 =변수
    변수를 통해 보관된 데이터 사용한다
    표현식 = 평가함 !

예시

myname <- 들어가는값 다름
let myname 
myname = steve
  • 자료형 객체
    let obj = {key :value}
    boolean, string, number이 compound 도 있다.
    undefined = 타입이다. 할당되지 않았다.
    함수 = 변수에 함수가 들어갔다.
    변수 상황에 따라 값이 변화한다
    대표적인 예 pi 3.141952 !
    camelCase 중간 글자 Capital Letter
    snake_case 중간에 underbar
    PascalCase 각 글자 마다 Capital LEtter
    let const var
    재할당 재선언 유무

추가 의문점 ?
다시 선언했을때 scope나 클로져 문제는 없는가?
값이 다시 할당되는가?

자바스크립트에서 원시 자료형과 참조 자료형이 무엇인지 알 수 있다.

공통 :객체 아님 데이터 타입

차이점:
원시값 변경 불가
실제 값을 조작

참조값 변경 가능 - 메모리 저장되어있어서 메모리 공간 조작불가
객체를 조작 X 참조를 조작 O

성격:
원시값 실제값 저장
참조값 참조값 저장

<script>
      var oCar1 = {name: "SM6"};                         	var oCar2 = oCar1;
      oCar1.name = "Santafe";
      document.write(oCar1.name);
      document.write("<br/>");
      document.write(oCar2.name);
</script>

//output
iNum1 = SM6
iNum2 = SM6
..
iNum1 = Santafe
iNum2 = SM6 에서 Santafe
요약: 같은 값 참조 (참조 주소값이 같아서 함꼐 변한다)
아주..신기하군여..

비교

   var oCar3 = {};     
   var oCar3.name = oCar1.name;

oCar3 는 다른 객체주소 참조값으로 복사하는게 아님, 단순한 값만을 복사한다!
https://velog.io/@1000nion/%EC%9B%90%EC%8B%9C%EA%B0%92%EA%B3%BC-%EC%B0%B8%EC%A1%B0%EA%B0%92

코플릿/ 함수 / / 다르게 풀기
문제 변형ㅇㅋ
for while

원시값 = 원시 데이터 타입? 변수에 저장된 실제값에 직접적 접근 가능한 단순한 데이터

종류 숫자, 문자 ,불린, null, undefiend
변수에 값 설정, 직접적으로 사용한다 = 원시데이터 타입

참조? 원시 데이터 타입 제외한 모든 타입 / 메모리에 저장된 객체

원시 자료형 string, number, boolean, undefined의 의미를 이해할 수 있다.
타입마다 다른 속성과 메서드가 있다는 것을 이해할 수 있다.

typeof 를 활용하여 특정 값의 타입을 확인할 수 있다.

비교 시 엄밀한 비교( === 과 !== )의 필요성을 이해할 수 있다.

함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다.
함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있다.
매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다.
같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다.

함수값? 지시사항 묶음
입력값 과 출력값 반환된다.

undefined 출력값이 없다?

선언시 함수 (매개변수) // let 필요없음 parameter

호출시 함수 (전달인자) // 매개변수에 할당되는 값 argument

1 함수 선언식
function 함수명 (파라미터 매개변수){}
2 함수 표현식
let 변수명 = function (파라미터 매개변수){}
2 es6 화살표 함수
let 변수명 = (매개변수 파라미터 ) =>{}

중괄호 curly bracket 생략 + return 생략

return
es6 화살표 함수 함수 표현식
전달인자 매개변수 할당
https://dorey.github.io/JavaScript-Equality-Table/

algorithm

  • 객체 개념 총정리
    let obj = {};
    obj['a'] = obj.a

  • map , forEah ,filter , reduce

map: 각 모든 요소에 특정논리 / 함수를 호출/적용하여 새로운 배열을 리턴한다.

filter : 각 모든 요소에 특정 논리에 맞는, boolean 기준을 넣어 true 인 요소만 새배열로 호출한다

reduce : 각 요소에 주어진 리듀서함수를 적용해 하나의 결과값을 도출한다.

forEach : 주어진 함수를 각각의 배열요소에 호출함.

function logArrayElements(element, index, array) {
  console.log('a[' + index + '] = ' + element);
}
  • 새발견: 각ele , idx, array를 호출한다
profile
🏠TECH & GOSSIP

0개의 댓글