ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • #TIL(Today I Learned)_23.10.14
    TIL (Today I Learned) 2023. 10. 15. 00:37

    # 오늘 했던 일

     

    1. JavaScript 문법 공부 주말에도 3일 차 진행 중...!!!!! (금일 3주차 강의까지 학습완료)


    3-01) 데이터타입의 종류 및 메모리
    3-02) 변수 선언과 데이터 할당(기본형데이터)
    3-03) 변수 선언과 데이터 할당(참조형 데이터) 변수복사의 비교
    3-04) 불변 객체(얕은 복사 깊은 복사)
    3-05) null과 undefined
    3-06) 실행 컨텍스트 및 콜 스택 소개
    3-07) record와 호이스팅 1
    3-08) record와 호이스팅 2(함수의 호이스팅)
    3-09) outerEnvironmentReference
    3-10) 상황에 따라 달라지는 this(전역공간 this 함수 this 메서드 this)
    3-11) this 우회방법 콜백함수 this 생성자함수 this
    3-12) 명시적 this 바인딩 및 유사배열객체 3-13 call apply bind 응용
    + 3주 차 알고리즘 문제  

     

    2. 2주차 문법강의 알고리즘 문제 내용 정리해서 블록그에 올린 후 복습하기   

    #  AIL(Algorithm I Learned) 카테고리에 문제 내용 정리하기 

    - 문제의 접근방식 

    - 문제 풀이 

    - 다른 사람의 문제 풀이 및 접근방식

    - 둘 중 어떤 방법이 좋은지 고민하기 

     

    3. 다른 개발자분들 개인블로그 들어가서 어떻게 공부하는지 파악하기 

    - velog 및  tistory 개발자분들 블로그 구경하기  


    # 오늘의 느낀 점

    //JavaScript 문법 공부 3일 차!

     

    2주 차 강의까지만 하더라도 학습 내용을 수월하게 이해하면서 진행하였으나, 주차 학습이 넘어갈수록 내용이 점점 더 어려워지는 것이 피부에 와닿는다. 아직 갈 길이 한참 많이 남았기에 초심을 유지하면서 공부와 휴식을 잘 분배해야겠다. 주말이니까 간단히 글을 마치며 컴퓨터를 끄고 잠시 쉬면서 효율적인 코딩 공부 방법을 생각해 봐야겠다.

     

     

    //JavaScript 문법 _ for ~in과 for ~of에 관하여

     

    for ~inrhk과 for ~of은 둘 다 반복문이다. 그러나 각각 다른 용도와 동작 방식을 가지고 있다.

     

    1.  'for ~in' 반복문

    *  'for ~in' 반복문은 객체의 열거 가능한 속성(property)을 순회하기 위해 사용된다 

    * 주로 객체(object)의 속성을 순회하는 데 사용되며, 배열과 같은 자료구조에도 사용할 수 있지만, 배열의 순서을 보장하지는 않는다.

    * 반복 변수는 객체의 속성 이름(key)가 된다.

    * '  for ~in '은 포로토타입 체인 상에 있는 상속된 속성도 열거한다. 

    *  주로 객체나 객체와 관련된 속성(property)에 대한 반복 작업에 사용한다. 

     

    예제_ ' for ~in'에 관하여 

    const person = {
      name: 'John',
      age: 30,
      job: 'developer'
    };
    
    for (const key in person) {
      console.log(key + ': ' + person[key]);
    }

    2. 'for~of' 반복문

    * 'for~of' 반복문은 순회 가능(iterable)한 자료구조를 순회하기 위해 사용된다. 

    * 주로 배열, 문자열, 맵(Map), 세트(Set) 등을 순회할 때 사용된다.

    * 반복 변수는 순회 가능한 자료구조의 요소 값이 된다.

    * 'for~of' 는 프로토타입 체인에 있는 상속된 속성을 무시하고, 자료 구조의 값만 순회한다. 

    * 주로 배열과 같은 순서가 중요한 자료구조의 요소에 대한 반복 작업에 사용된다. 

     

    예제_ 'for~of'에 관하여 

    const colors = ['red', 'green', 'blue'];
    
    for (const color of colors) {
      console.log(color);
    }

    따라서  'for~in' 은 객체 속성을 순회라고,  'for~of는 순회 가능한 자료구조의 값을 순회한다. 각 반복문은 다른 용도와 동작을 가지므로, 사용 시 목적에 맞게 선택해야한다. 

     


    # 내일 할 일

    1) JavaScript 문법 공부 주말에도 진행하기  

    2) 일요일이니 너무 무리하지 말고 쉬면서 완급조절하기!

Designed by Tistory.