본문 바로가기

프론트엔드개발5

프론트엔드 개발자 기술면접 질문 좋은 기회로 기술면접을 보게되었다. 부족한 부분을 알 수 있게 되어 좋았다. 첫 기술면접이라 성장 할 수 있는 기회가 되었다. 제대로 답변하지 못한것이 많아 기술질문을 복습해보겠다. 알고리즘 질문 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.
[React] Props 로 콜백 함수 전달하기 / 어떨때 Props로 콜백 함수를 전달해야 하는가? Props 로 콜백 함수 전달하기 개념 정리 Props 란 ? react에서 props는 데이터를 한 컴포넌트에서 다른 컴포넌트로 전달 할 때 사용된다. (부모 -> 자식 ) CallBack Function 이란? 정의: 프로그래밍에서 콜백 또는 콜백함수는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. 이벤트는 페이지가 로드되거나 유저가 click, hover, change 등의 상호작용을 했을 때 등 그 밖의 여러가지 상황에서 발생한다. 이벤트에 반응하기 위해서 함수를 공급해야한다. 이벤트가 발생했을 때 불려 질 함수를 콜백함수라고 한다. React Data Flow data는 부모에서.. 2022. 10. 29.