복잡한뇌구조마냥

41. 타입스크립트란? - 정적 타입을 명시하는 컴파일 언어 - 타입스크립트 컴파일러 or babel을 통해 자바스크립트 코드로 변환 코드 작성 단계에서 타입을 체크해 오류를 확인 할 수 있고 미리 타입을 결정하기 때문에 실행속도가 매우 빠르다는 장점이 있습니다. 하지만 코드작성 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래걸린다는 단점이 있습니다. - 타입스크립트는 자바스크립트의 슈퍼셋 - 자바스크립트 기본문법 + 자료형 문법 추가 유효한 자바스크립트로 작성한 코드는 ts로 변환할 수도 있음 42. Angular와 React의 차이점 - angular는 실제 돔 방식, SSR 지원, 양방향 바인딩, 주요 언어 ts, MVC모델,객체 - React : virtual do..

31. 웹 프로토콜이란? - 웹에서 쓰이는 통신 규약 - 통신할 때 상호간의 규칙 protocol://computer_name:port/document_name?parameters 프로토콜 : 문서에 접근하기 위해 사용하는 프로토콜 이름 (http, https 등) computer_name : 문서가 있는 컴퓨터 도메인 (아이피, 도메인) port : 서버가 어떤 포트 숫자를 바라고 있는지 (http: 80, https:443 등) document_name: 서버 컴퓨터에 있는 특정 문서의 이름 parameters : 페이지에 넘기는 변수 " - HTTP : get, head, post, put 브라우저 웹 서버 통신 주요 프로토콜 - FTP 파일, 문서, 이미지 등 다양한 형태, 파일 교환시 호환성 보..

21. GET, POST 방식의 차이점 - GET : 클라이언트 → 서버 리소스 정보 요청 - POST: 클라 → 서버로 리소스 생성 or 업데이트 22. Webpack 써보신 적 있나요 - webpack - 여러개 파일을 하나로 합쳐주는 모듈 번들러 html파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어줌 사용 이유 : 옜날에는 html을 여러개 사용했으나, 요새는 SPA방식으로 하나의 html페이지에 여러개의 자바스크립트를 포함하여, 관리편이 컴파일시 여러 모듈의 파일을 읽어오는데 시간이 오래걸림 babel - ES6버전 → ES5 변환 , 지원하지 않는 브라우저 지원..(최신문법 → 최대 호환버전) 23. 쿠키, 세션, 웹스토리지의 차이를 설명해보세요 - 쿠키 - 클라이언트에..

11. useEffect와 useLayoutEffect 차이에 대해 설명해주세요. - uesEffect는 DOM이 화면에 그려진 이후 호출화면이 복잡해지면 느려지고 렌더링 시간증가 - useLayoutEffect는 DOM이 그려지기 전 호출 12. Closure란? - 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 외부 함수에 접근할 수 있는 내부함수 상태를 안전하게 변경, 유지하기 위해 사용 ex )함수 return 함수 function init(){ var name = "아무거나"; function displayName(){ // 클로저 alert(name); } display(); } init(); 13. Javascript 호이스팅에 대해 설명해주세요. - 호이스팅은 변수와 함수의 메모리..

리액트 면접 예상문제 1. 상태관리를 왜 할까요? 그리고 평소 state 관리는 어떻게 하시나요? -하나의 상태에서 동일한 값을 지니기 위해서 상태 관리가 필요함. useState로 동일 상태의 값 관리 Props로 상하위 컴포넌트로 state값 전달 redux로 전역 상태의 값 관리 context로 전역 상태관리 react-query로 전역상태관리 2. Redux가 무엇인가요, 왜 Redux를 사용하시나요? - 상태 관리를 현재 컴포넌트 뿐만 아니라 전체적으로 관리하기위함 Props Drilling으로는 규모가 커질수록 관리어렵 따라서 전역 저장소인 redux로 상태관리 3. Redux 말고 다른 전역 상태관리 아는 것 하나와 차이점을 말해주세요 - context, react-query등이 존재 - c..

1. JSON-SERVER 1) json-server는 REST API를 구축을 짧은 시간에 할 수 있도록 지원해주는 라이브러리 입니다. 2) 사용 이유 : BE에서 실제 DB와 API 서버가 구축 될 때 까지 FE 개발에 임시적으로 사용할 mock data 명령어 1) 설치 yarn add json-server 2) 실행 json-server --watch db.json --port 3001 // yarn 으로 명령어 실행 가능 // json-server -watch [db.json] --port [포트번호] 3) db.json 설정 { "todos": [ { "id": 1, "title": "json-server", "content": "json-server를 배워봅시다." } ] } { "이름" :..

🔐 리덕스에서 미들웨어 청크의 역할은 뭘까요? 1) 미들웨어란? - 미들웨는 액션이 디스패치 되어서 리듀서에서 이를 처리하기전에 사전에 지정된 작업들을 설정합니다. 작업 예시 ) 액션을 콘솔에 기록, 액션을 취소, 추가적으로 디스패치 등 2) Thunk - 리덕스에서 많이 사용되고 있는 미들웨어 중 하나로 dispatch를 할 때 객체가 아닌 함수를 dispatch할 수 있도록 함. dispatch(함수) → 함수실행 → 함수안에서 dispatch(객체) 🔐 프로미스는 정확히 말하면 비동기가 아닙니다. 비동기와 프로미스는 각각 무엇일까요? 1) Promise란? - Promise는 주로 웹서비스를 구현 할 때 원활한 데이터 통신을 위해 활용됩니다. - 웹 페이지에서 서버로 데이터를 요청했을 때, 데이터를..

단순 개념 정리 1. Redux - 공식 홈페이지에서는 리덕스는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너라고 정의하고있다. - 자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능 하다. - 자식 컴포넌트 간의 데이터를 주고 받을 때는 상태 관리를 담당하는 부모컴포넌트를 통해야 한다. - 자식이 많이 진다면 관리가 매우 복잡하기때문에 상태 관리의 복잡성을 라이브러리로 해결하는 것이다. - 부모 컴포넌트로부터 내려받던 데이터를 리덕스를 통해서 나눠갖게 된다. - 전역 상태 저장소를 제공받고 *Props Drilling 문제를 해결한다. *Props Drilling이란? Props Drilling 은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Comp..