Today I Learned

1. TIL

JSX 안에서 for문을 쓰고 싶을 때

외우려다가 계속 까먹어서 기록한다..

return안의 DOM에는 for문이나 if문을 쓸 수 없다.
그래서 for문을 돌리고 싶다면 map을 써야한다.

const arr = [.................];

  return (
    <>
      {arr.map((x) => (
        <div>{x}</div>
      ))}
    <>
  );
  

제일 널리 쓰이는 방법이다.

다른 방법 :

  const arr = [....................];
  
  const forFor = () => {
    const temp = [];
    for (let i = 0; i < arr.length; i++) {
      temp.push(<div>{arr[i]}</div>);
    }
    return temp;
  };

  return <div>{forFor()}</div>;

JSX를 반환하는 함수를 호출하는 방법이다. 재사용성이 높다.

2. CS 스터디

12장 병렬성과 비동기성(p.477 ~ p.480)

브라우저 자바스크립트

자바스크립트 구현은 이벤트 루프 모델을 사용한다.
실행할 작업을 이벤트 큐에 추가한 후, 큐에서 한 번에 하나씩 꺼내서 실행을 한다.
자바스크립트는 단일 스레드 프로그램이기 때문에 인터럽트할 수 없다.
사용자에게 단일 스레드를 제공하지만, 내부에서는 멀티스레드를 활용한다.

To Do

1. 完) 프로젝트 열코딩

2. 完) CS스터디 정리하기

Always 完) 알고리즘 최소 한 문제 - 220325's Algorithm

Today's Short Report