📌 오늘은 Koasn를 주말간 남은 것에 대해 학습하고 나서 궁금한 점을 하나하나 페어와 함께 맞추는 시간을 가졌다.

 

 

📗 오늘 학습한 내용

JavaScript

  • 배열
  • 객체
  • ES6 신규문법
    • Spread
    • rest
  • 얕은 복사
  • 깊은 복사
  • Koans (JS기초 문법 문제)

 

Koans는 여태까지 배워왔던 내용을 종합해둔 문제들이었다. 비교적 복습을 많이 진행했다면 쉽게 풀 수 있던 문제라고 생각이 들었다.

하지만 뒤의 객체에 속성과 속성값에서는 많이 헷갈릴 수 있다고 생각한다. 그리고 블로그에 내용을 찾기전에 공식 문서를 보는 것이 첫번째라고 생각하는 계기가 되었다. 블로그에는 자신만의 생각으로 정리한 곳이다 보니 전문적일 수 없었다...

 

 

 

📘 추가로 공부할 내용

DOM

  • Create
  • Append
  • Remove
  • Update
  • Read

 

 

📝 오늘 느낀점 & 마음 가짐

  • 쉬운 내용이라도 건너뛰지말고 자세히 파헤쳐보자!!

'Daily > Today I Learned' 카테고리의 다른 글

22.05.18_TIL  (0) 2022.05.18
22.05.17_TIL  (0) 2022.05.17
22.05.15_TIL(일주일간 회고)  (0) 2022.05.15
22.05.14_TIL  (0) 2022.05.14
22.05.13_TIL  (0) 2022.05.13

📌 오늘은 결국 몸살이나서 조금 힘들었지만 최대한 오늘 정해진 학습과정을 견뎌냈고, 추가로 복습, 예습까지 진행했다. 대신 빨리하고 쉬어야 할 것이라 생각해서 평소보다는 학습을 못한것은 주말에 채워야겠다. 몸건강이 우선이다!!!

 

 

📗 오늘 학습한 내용

JavaScript

  • 원시자료형
    • 고정된 저장 공간을 차지하는 데이터
    • number, string, boolean, undefined, ,symbol, (null)
    • 하나의 변수에 하나의 데이터만 들어간다.
    • 변수를 복사하여 사용해도 원본은 변경되지 않는다.
  • 참조자료형
    • 대량의 데이터를 다루는 배열(Array)과 객체(Object)
    • 함수(function)
    • 데이터를 저장 공간에 넣는 것이 아닌 주소를 할당한다.
    • 저장 공간을 복사 할 경우 복사한곳의 데이터를 변경할 경우 원본도 변경된다.
  • 스코프
    • 전역 스코프
      • 전역 스코프는 말그대로 global 적으로 사용이 가능하다.
    • 지역 스코프
      • 지역 스코프는 한 블록에서만 사용이 가능하고 벗어날 수 없다.
    • var, let, const
  • 클로저
    • 함수에 함수가 선언되는 구조이다.
    • 특징
      • 데이터의 보존
      • 정보의 접근 제한(캡슐화)
      • 모듈화
    • 외부함수
    • 내부함수
    • 외부함수에 선언된 변수는 내부함수에서 접근이 가능하다.
    • 내부함수에 선언된 변수는 외부함수에서 접근이 불가능하다.

 

 

📘 추가로 공부할 내용

JavaScript

  • 클로저
  • ES6 신규 문법

 

 

 

 

📝 오늘 느낀점 & 마음 가짐

  • udemy JS 알고리즘 공부를 다시 해보자!!
  • 몸 건강이 우선이다!! 체력을 길러야 겠다!!

 

'Daily > Today I Learned' 카테고리의 다른 글

22.05.14_TIL  (0) 2022.05.14
22.05.13_TIL  (0) 2022.05.13
22.05.11_TIL  (2) 2022.05.11
22.05.10_ TIL  (0) 2022.05.10
22.05.09_TIL  (0) 2022.05.09

📌 개인적인 이슈가 생겨서 많이 힘들었던 날이다...

 

 

📗 오늘 학습한 내용

JavaScript

  • 객체
    • 객체의 속성과 속성값
    • for (let key in obj)
      • 객체에 있는 속성을 변수 key에 할당
    • for (let [key, value] of Object.entries(obj)
      • 객체에 있는 속성을 변수 key에 할당, 속성의 값은 value에 할당
  • 원시자료형
    • 고정된 저장 공간을 차지하는 데이터
    • number, string, boolean, undefined, null
  • 참조자료형
    • 대량의 데이터를 다루는 배열(Array)과 객체(Object)

 

배열은 사용할때 순차적으로 나와 구별하기 쉬웠지만, 객체의 경우 속성과 속성의 값을 둘다 변경하거나 삭제, 비교를 해야하는 과정에서 조금 헷갈렸던 것 같다. 코플릿으로 객체에 대한 문제를 풀면서 처음에는 쉬운 객체를 다루는 방법에 대해 나와있었지만 후반으로 갈 수록 여러가지 객체를 이용하여 푸는 문제에서 조금 신경을 써서 풀어야했다.

이때, !(부정)을 사용할 때 ()을 사용하지 않아 하나의 값만 부정하는 경우를 발생했는데 페어분이 알아내셔서 바로 수정하여 결과를 도출할 수 있었다. 이런부분에서 나는 꼼꼼하게 체크를 하지 않아 다양한 풀이를 생각했지만 의외로 간단한 부분에서 실수가 난다는 것을 다시 한번 인지하고 다음에는 조금 더 꼼꼼히 코드를 살펴볼 수 있도록 해야겠다.!!

 

 

📘 추가로 공부할 내용

JavaScript

  • 스코프
  • 클로저
  • JSON을 JavaScript의 배열로 변환하는 방법

 

 

 

 

📝 오늘 느낀점 & 마음 가짐

  • 프론트엔드로 가기에는 내 맥북이 버티질 못하겠다..... 구매를 생각하자!
  • 딥다이브를 오랜만에 한번더 정독해서 전문적 언어를 사용하자!!
  • 이제  Section 1의 종료가 얼마 남지 않았는데 한달간의 회고를 작성할 수 있도록 메모해보자!

 

'Daily > Today I Learned' 카테고리의 다른 글

22.05.13_TIL  (0) 2022.05.13
22.05.12_TIL  (0) 2022.05.12
22.05.10_ TIL  (0) 2022.05.10
22.05.09_TIL  (0) 2022.05.09
22.05.08_TIL(일주일간 회고)  (0) 2022.05.08

+ Recent posts