컴돌이의 앞날에 밝은 빛이 비추기를!

개념 문제 Q : UseEffect 와 UseMemo의 차이를 말해 보시오 처음 대답 : UseEffect는 어떠한 함수나 필요 변수에 따라 재 랜더링을 하는 것이고 UseMemo는 저장된 값을 반환하는 것이다. 피드백 : 대략적으로 어떻게 쓰이는지는 알고 있으나 정확한 대답이 아니다 많은 살을 붙일 필요가 있다. 추가 설명 : useEffect는 해당 컴포넌트의 랜더링이 끝나고 실행된다. 그래서 특정 값이 바뀌거나 의존성이 변경될 경우 실행할수 있도록 설정이 가능하다. useMemo는 랜더링 도중에 실행된다. 그래서 호출 결과 값을 메모리제이션 하여 성능 최적화 하는데 사용된다. 정리하자면 useEffect는 부수 효과를 처리하기 위해 사용되고 useMemo는 성능 최적화를 위해 메모리제이션 하는데 사..

개념 문제 Q : 타스에서 any, unknown, never 의 차이는? 나의 첫 대답 - any는 모든 종류의 타입을 나타냅니다. 하지만 타입 안정성을 파괴할 수 있으니 조심해야 합니다. - unknown은 해당 값에 알려지지 않은 타입으로 any보다 안정적이나 변환을 해야 하는 유의점이 존재합니다. - never는 타입이 발생하지 않는 값이다. 반환값이 없다. 아쉬운 점 & 추가 집합론에 비유에서 설명하면 좀더 좋을 거라는 피드백이 존재하였다. 또한 never에서 반환값이 없다라는 부분이 부족하다라는 평을 받았다. 그러면 집합론에 비유하자면 any는 집합으로써 표기가 불가능하다. 전체집합과 공집합의 성질을 동시에 가지기 때문이다. unknown은 전체 집합으로 어떤 타입으로 캐스팅 해도 오류가 나지..

개념 문제 Q. 배열 메서드에는( .push, .pop, .reverse, .sort, .map, .filter, .slice, .splice, .flat ) 중에서 callback 내용등과 관계 없이 원본을 변형하는 것과 그렇지 않은 것에는 무엇이 있는지 구별하여라. 먼저 답을 이야기 하자면 ( .map, .filter, .slice, .flat ) 총 4가지가 변형되지 않는다. 왜 그런지 알아보자. push는 원소가 push 되면 뒤에 원소가 추가되면서 원래 배열이 변형이 된다. const numbers = [1,2,3]; const pushNum = numbers.push(4); console.log(pushNum) // 개수를 출력한다 => 4 console.log(numbers); // [1,2..

이 말을 보고 충격을 먹었다. 본인의 자바스크립트 실력이 아직 한참 부족하다니.... 속성으로 다른 지인들한테 코딩을 배웠지만 CS 개념 부분은 아직 먼 길이다. 그래서 본인은 하루 한문제씩 기능 구현을 하고 개념적 질문에 대답을 하는 연습을 진행하기로 했다. 연습을 하고 외워야 발전하는거 아니겠는가. 자 그러면 시작하자! 개념 문제 Q : Partial Application 이란? A : 함수에다 인자를 부분적(partial)으로 적용(application) 하는걸 의미한다. 즉 함수형 프로그래밍을 의미한다. 원래 기본적으로 함수는 이러한 형태를 띈다. const add = (a, b) => a + b console.log(add(10,3)); // 13 function adde(a,b){ return..

"식에서는 너무 복잡해서 표시할 수 없는 공용 구조체 형식을 생성합니다." 오류가 계속 나와 화나던 와중 만능 질문(?) 사이트인 stackOverflow 에서 찾을 수 있었다. https://stackoverflow.com/questions/74847053/how-to-fix-expression-produces-a-union-type-that-is-too-complex-to-represent-t/74940837#74940837 How to fix "Expression produces a union type that is too complex to represent. ts(2590)"? I am trying to use Button from @chakra-ui/react npm library but th..

틱텍토는 자습서를 이용하여 만들었다. https://ko.reactjs.org/tutorial/tutorial.html#before-we-start-the-tutorial 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 자습서에 나온 이야기는 ReactJs 기준으로 쓰여져 이걸 TypeScript로 짜면 어떻게 될까 궁금하여 만들어 보게 되었다. 금방 만들 줄 알았지만 글쓴이 문법 부분에 관련된 지식이 부족하여 오래 걸렸다. 사실 그냥 일부분 코드 수정한건데도 그런거다. 능지 수준... 대부분 타입 형식을 나타내고 function으로 바꾸고 일부분 분리하였다. CSS는 글쓴이가 이해하고 싶은 형..