프론트엔드개발6 [React] Create react app 프로젝트에 절대경로 import 설정하기 결론{ "compilerOptions": { "baseUrl": "src" }, "include": ["src"]} tsconfig.json 을 위와 같이 설정하기.최신버전 CRA 는 tsconfig.json 의 일부 설정을 자동으로 인식하고 적용함.특히 baseUrl 과 paths 설정은 추가설정 없이도 작동할 수 있음. CRA 는 웹팩과 바벨 설정을 숨기고 관리하기때문에 일반적으로 설정을 직접 수정하려면 eject 를 하거나 추가 도구를 사용해야한다. 그래서 검색해봤을때 다른 사람들은 craco 같은 도구를 사용해서 CRA 설정을 오버라이드 하는 것 같던데 .. 나는 tsconfig.json 을 위와같이 설정해줬는데 절대경로가 설정됐다. 내 CRA 버전은 5,0.1 이다. CRA 버전 확.. 2024. 7. 28. 프론트엔드 개발자 기술면접 질문 좋은 기회로 기술면접을 보게되었다. 부족한 부분을 알 수 있게 되어 좋았다. 첫 기술면접이라 성장 할 수 있는 기회가 되었다. 제대로 답변하지 못한것이 많아 기술질문을 복습해보겠다. 알고리즘 질문 Array , List , Stack , Hash Table 에 대해 설명해주세요. 질문을 받았을 때 Array 와 List가 비슷한거 아닌가? 라고 생각했다. T_T 부족함을 반성합니다.. Array Array 는 선형 자료구조이다. 인덱스가 있다. 길이가 고정되어있다. 인덱스를 이용해 빠르게 데이터에 접근이 가능하다. 인덱스를 유지해야하기 때문에 해당 메모리를 유지해야한다는 단점이 있다. 그래서 적절한 배열의 크기를 초기에 잘 설정해야한다. 데이터의 개수가 정해져있는 경우나 데이터의 수정이 적은경우, 혹은 .. 2023. 11. 24. [ TIL ] React Hook "useState" is called in function "control" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".eslintr.. 코드 리팩토링을 하다가 react function component 도 react custom hook 도 아닌 일반 ts함수에서 useState와 useEffect 를 쓰려고 하니 해당 에러가 났다. 이유는 useState, useEffect 같은 react hook 을 쓰려면 react hook 을 오직 react 함수 내에서 호출해야하기 때문이다. react hook 을 사용할 때는 아래 두가지 규칙을 준수해야한다. 최상위(at the Top Level)에서만 Hook을 호출해야 합니다 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하지 마세요. 대신 early return이 실행되기 전에 항상 React 함수의 최상위(at the top level)에서 Hook을 호출해야 합니다. 이 규.. 2023. 4. 27. [React] useEffect 란? useEffect 란 ? useEffect 란? useEffect(callback, [dependencies]) Effect 란? useEffect 는 왜 useEffect 라고 불리는걸까? effect 란 무엇일까? effect는 함수형 프로그래밍 용어인 "side effect" 를 의미한다. side effect 가 뭔지 이해하기 위해 먼저 pure function 에 대해 이해 해 보자 대부분의 react component는 pure function 이 되려고 한다. react component 를 함수라고 생각하는게 이상하겠지만 react component 는 함수다! 대부분의 react component는 pure function 이며 input을 받고 예측 가능한 JSX output을 만들어낸.. 2022. 11. 3. 이전 1 2 다음
