TIL]2022/01/11

공부방에 도착 후 컴포넌트 상세 조회 작업을 진행했습니다.

현재 백엔드가 express에서 코틀린으로 이사 작업 중이라 api가 나오기는 힘든 상황이었고

msw를 통해 컴포넌트 상세 조회를 해야 하는데

어떤 데이터가 필요할지 설계하는 시간을 가졌는데

생각보다 시간이 오래 걸렸습니다.

우선 동적으로 suspack에서 받아오고 그 후 스타일을 수정할 수 있어야 했습니다.

스타일을 수정하려면 그에 맞는 Form이 나와야 했고 Form도 동적으로 생성해야 하기 때문에

api 호출로 받은 response가 중요했습니다.

따라서 시간이 걸리더라도 견고한 설계가 필요했습니다.

 

컴포넌트 상세조회 작업을 한 후 스터디를 진행했습니다.

String과 new String에 대해 알아보는 시간을 가졌습니다.

핵심은 다음과 같습니다.

String()과 new String()은 서로 다른 결과를 생성합니다.

String()은 문자열을 생성하지만 객체 생성 프로 스세인 new를 사용하면

String 유형의 인스턴스(객체)를 생성합니다.

let s_prim = String('foo');
let s_obj = new String(s_prim);

console.log(typeof s_prim); // string
console.log(typeof s_obj); // object
s_prime instanceof String; // is false
s_obj instanceof String; // is true

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

String - JavaScript | MDN

 

스터디가 끝난 후 알고리즘을 푸는 시간을 가졌는데 쉬운 문제임에도 시간이 오래 걸렸습니다.

알고리즘을 풀 때마다 알고리즘을 열심히 해야겠다는 생각이 드는 것 같습니다.

 

집에 도착 후 알고리즘 기초 문제를 푸는 시간을 가졌는데 한 문제를 여러 방식으로 풀며

고차 함수를 유연하게 쓰고 단순 반복문으로 푸는 것이 아닌 재귀 함수를 활용해서 문제를 풀다 보니

확실히 문제를 접근하는 시야가 넓어지는 것 같아 좋은 것 같습니다.