1.Promise의 기능과 필요한 이유에 대해서 설명해 주세요.
Promise는 자바스크립트에서 비동기 처리를 위한 객체입니다. Promise는 비동기 작업의 최종 완료 또는 실패를 나타내는 객체로, 대기(pending), 이행(fulfilled), 거부(rejected) 중 하나의 상태를 가집니다. Promise는 콜백 지옥을 해결하고 오류를 잡아내어 프로그래밍 오류가 발생해도 안정적으로 처리할 수 있습니다. Promise를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다
2.순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해 주세요.
순수함수는 입력값에 대해 항상 같은 결과를 반환하며, 부수 효과가 없는 함수를 말합니다. 부수 효과란 함수 외부의 상태를 변경하는 것을 말합니다. 순수함수는 불변성(immutability)을 가지며, 이는 함수가 외부 상태를 변경하지 않고 인자로 주어진 값들만을 처리한다는 것을 의미합니다. 순수함수는 사이드 이펙트(side effect)가 없기 때문에, 함수의 호출 결과가 항상 예측 가능합니다.
3.React의 state와 props에 대해서 설명해 주세요.
React에서 state는 컴포넌트 내부에서 관리되는 데이터입니다. state는 컴포넌트 내부에서 변경할 수 있으며, 변경된 state는 컴포넌트를 다시 렌더링합니다. props는 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터입니다. props는 읽기 전용이며, 자식 컴포넌트에서 직접 수정할 수 없습니다. props와 state는 모두 컴포넌트의 데이터를 관리하는 방법이지만, props는 읽기 전용이고 state는 변경 가능하다는 점에서 차이가 있습니다1.
CSR(Client Side Rendering)과 SSR(Server Side Rendering)은 웹 애플리케이션의 렌더링 방식을 나타내는 용어입니다123. CSR은 클라이언트 측에서 렌더링을 처리하며, 서버는 클라이언트에 HTML과 JS를 보내줍니다34. SSR은 서버 측에서 렌더링을 처리하며, 서버는 클라이언트에 렌더링된 HTML을 보내줍니다235. CSR은 초기 로딩 속도가 느리지만, 이후에는 빠른 반응 속도를 보입니다25. SSR은 초기 로딩 속도가 빠르지만, 이후에는 느린 반응 속도를 보입니다25. SEO(Search Engine Optimization)와 보안 측면에서 SSR이 CSR보다 유리합니다25.
Same-Origin Policy와 CORS(Cross-Origin Resource Sharing)는 웹 보안과 관련된 용어입니다12. Same-Origin Policy는 웹 브라우저의 보안 메커니즘 중 하나로, 다른 출처의 리소스에 대한 접근을 제한합니다2. CORS는 Same-Origin Policy의 예외 정책으로, 서로 다른 출처 간 리소스 요청을 허용합니다32. 이를 위해 브라우저와 서버 간에 헤더를 교환하며, 브라우저는 서버가 보낸 헤더를 확인하여 요청을 수행할지 여부를 결정합니다13. Same-Origin Policy와 CORS는 웹 보안을 위해 매우 중요한 개념이므로, 자세히 공부해보시길 추천드립니다!
