복잡한뇌구조마냥

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

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

리액트를 처음 시작하는 이번주는 함께하는 다수의 분들을 한곳에 모아서 강의를 진행하는 신기한 경험을 했다.비전공자분들이 많다보니 아무래도 진도를 따라가는 것에 어려움이 있던 것 같다.함께 성장하는 공생관계이다보니 도울 수 있는 것은 최대한 도와드리고 나중에 다 같이 좋은 목표로 나아갔으면 한다. 기초주차에 알고리즘을 자바스크립트로 풀이하던 것에서 React를 처음 만나다보니 낯설고 어려웠다.코드를 작성하면서 알게된 개념이나 이번 과제 풀이를 공유하고자 한다. 1. CRA (Create React App)첫째로 리액트에 대해 알아보자.공식 홈페이지에 적혀있는 React를 한마디로 정리하면 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다.React는 컴포넌트로 웹페이지를 쪼개어 각각의 화면에 출..