면접 공부04 (정리전)

면접 공부

세션,쿠키,로컬스토리지 차이

• 쿠키 : 서버측과 클라이언트측 양쪽에서 쿠키데이터를 사용하는 api가 존재하고, 소멸시간을 지정할 수 있으며, 4kb내의 데이터만 보관할 수 있습니다. 또한 매 http 통신시 쿠키 정보가 함께 전송되기 때문에 로컬/세션스토리지를 사용할때보다 미세하게나마 통신속도가 느림,

• 로컬 스토리지 : 오직 클라이언트쪽에서만 작동이됩니다. 소멸시간이 없으며 사용자가 직접 지우거나 특정 조건이 만족된다면 소멸합니다. 로컬스토리지와 세션스토리지의 차이는 소멸 시점에 있습니다. 영구적인것과 영구적이지 않는 것의 차이입니다. 로컬스토리지는 사용자가 지우지 않는 이상 영구적으로 남아있지만 세션스토리지는 웹 브라우저를 닫는 순간 사라지게됩니다.

• 세션 - 쿠키는 클라이언트에 세션은 서버에 저장, 쿠키는 클라이언트 로컬에 저장되기 때문에 보안에 취약하지만 세션은 서버에 저장하기 때문에 비교적 보안성이 좋다.

세션을 주로 사용하면 좋은데 왜 쿠키를 사용할까?

• 세션은 서버의 자원을 사용하기 때문에 무분별하게 만들다보면 서버의 메모리가 감당할 수 없어질 수가 있고 속도가 느려질 수 있기 때문이다.

쿠키, 세션은 캐시와 다르다

• 캐시는 이미지나, css, js 파일등이 사용자의 브라우저에 저장되는 것, 이를 이용해 자원이 아껴지는 것

성취감이 높았던 업무 경험 물어봄

• 가장 성취감이 높았던 경험은 공모전이었습니다. 이유는 처음으로 팀을 구성하여 참여했던 프로젝트이고 학부에서 배우는 과정을 제외하고 기술들에대해서 새롭게 공부하여 프로젝트를 구축한 경험 이를 통해 수상까지 했던 경험이라 팀원들과 저 모두 뿌듯하고 성취감이 높았던 경험이었습니다.

리액트와 뷰의 차이 1) 데이터 변경 방법

• name이 choi인 객체가 있다고 가정했을 때 해당 값을 변경하기 위해서 vue는 this.name=로 접근하여 변경하면 되지만, react에서는 this.setState()로 변경을 해야합니다. vue에서는 data를 업데이트할때마다 setState를 알아서 결합해줍니다. 그러면 react에서는 왜 setState를 필요로할까?
• react에서는 라이플사이클 중인 componentwillreceiveProps, shouldcomponentuUpdate등 이 존재하는데 state를 변경할때마다 다시 실행됩니다. 이 라이프사이클 메소드를 통해 변경된 state를 알기위해 사용합니다. 공통점
• 가상돔 사용
• 컴포넌트 중심 개발