🍒What I did today(오늘 한 일)

✅Koans 문제 풀기

Koans는 불교에서 유래된 단어라고 한다.

결론을 내리기 전에 이게 왜 맞는지 깊게 고민한다는 의미를 가지고 있다고 한다.🤔

사실 이 Koans 문제는 어제 다 풀었는데 오늘은 복습한다는 의미에서 한번 더 풀어봤다.

오늘 Office Hour 라고 질문하는 시간이었는데 거기서 헷갈리고 오래걸리던 문제들이 왜 이게 정답인지 풀이를 정확하게 알고 가서 좋았다.

아직 공부한 시간이 오래되진않았지만 2주동안 배운 내용을 복습하고 풀이할 수 있어서 좋았다.😁

 

 

✅함수선언문 함수표현식 차이점

Koans 문제를 풀다가 멘붕와서 글도 하나 더 작성했다. 😅

함수선언문은 호이스팅에 영향을 받지만, 함수표현식은 호이스팅에 영향을 받지 않는다. 라는 개념이 제일 머릿속에 기억되는 내용인 것 같다.

 

 

 

 

🍒Remember(기억할 것)

---

✅arguments() 객체

함수에 전달된 인수에 해당하는 Array 형태의 객체입니다.

arguments 객체는 Array가 아닙니다. Array와 비슷하지만, length 빼고는 pop()과 같은 어떤 Array 속성도 없습니다. 그러나 실제 Array로 변환할 수 있습니다: 

이 기법은 가변 인수가 전달될 수 있는 함수에 유용합니다.

function func1(a, b, c) {
  console.log(arguments[0]);
  // expected output: 1

  console.log(arguments[1]);
  // expected output: 2

  console.log(arguments[2]);
  // expected output: 3
}

func1(1, 2, 3);

 

✅Spread Syntax , Rest syntax

Spread Syntax : Spread연산자를 이용해 [배열]을 전개하여 각 매개변수로 매핑
Rest 파라미터 : 구문은 정해지지 않은 수(an indefinite number, 부정수) 인수를 배열로 나타낼 수 있게 합니다.

arguments 객체랑 비슷하다고 한다. 그렇다면 여기 에서 확인해보자.

 

 

✅grow(팽창 지수), shrink(수축 지수), basis(기본크기)

ex)flex-grow: 0; , flex: 1 1 auto;

    flex-shrink: 1;

    flex-basis: auto;  flex: 0 1 100px; ,   flex: 1 1 auto;

각각을 따로 지정할 수도 있다.

 

 

✅this

메소드(method) : 객체 안에 정의된 함수, 객체를 통해서 호출되는 함수

this : 실행 중에 this가 포함된 라인(scope)을 가능하게 하신 분 lexical function

this가 어려운 이유는 그 분이 바뀔 수 있기 때문 동적으로 변하고, 실행중에 변한다.

설명도 어렵고 이해하기도 애매하다. 회사에서 물어볼 수도 있다는데 천천히 알아가야할 것 같다!

 

 

🍒More Study

---

✅콜스택이란?

✅forEach

✅heap, stack 구조

✅Coplit문제

✅Iterable

✅this

✅BEM , Atomic CSS 방법론

 

2021-01-28

---

블로그를 이제 막 작성하는데✏️ 처음엔 너무 귀찮고 왜 쓰지? 생각 많이했는데 요새는 마음이 살짝 달라졌어.

공부했던 것 정리하고, 글로 설명하듯이 쓰다보니까 어떤 부분이 헷갈리고 모르는지 알게되는 것 같아.

블로그를 쓰면서 복습도 하고, 글을 조금 더 이쁘게 쓰고 싶다는 욕심도 생기고 결국 배우는중인거지ㅎㅎ

글을 쓰다보니까 어떤 식으로 써야 설명을 잘할 수 있을까 그런 생각도 많이하면서 쓰는 것 같아 평소에 글 쓸일이 없어서 그런가 내 감정이나 머리속에 있는 내용 표현을 잘 못하겠어😥

블로그 하는게 시간이 많이 들긴 하지만 요새 들어 쓰면서 약간 일기 쓰는 느낌이라서 자주 쓸 것 같다.

그리고....오늘...맥북 프로 왔따...😎

너무너무 행복해 사진들은 따로 찍어서 올릴까 생각중이야! 나에게도 맥북이 생기다니ㅠㅠ