[FE 45] _23.06.08 _ Day 40 (Section 2 회고 & 모의 기술 면접)

 

엣헴 짱구

오늘은 Section 2 의 마지막 날

 

Section 2의 강의 목표는 '서버와 통신이 가능한 구조적인 Web App을 만들수 있다.' 였다.

 

Section 2를  마친뒤 현재로서는 서버와 통신이 무엇인지 알게된정도라고 볼수 있을거같다.

 

JavaScript는 객체 지향 프로그래밍을 하는 언어이며 

 

[React 와 Node.js 를 사용하여 서버와 통신이 가능한 구조적인 Web App을 만들수 있다는 것을 알수있었다.]

---

오늘의 섹션은 Section 2 이다.

1) 기술 면접 준비

2) 모의 면접 실습

3) 미니 잡 서칭 

4) 회고 블로깅 

 

으로 이루어져있다!

 

내일부터는 벌써 Section 3 이라니 시간이 정말 빠르다..

---

1-1 ) 기술 면접 준비_면접 질문 리스트

JavaScript

• Promise의 기능과 필요한 이유에 대해서 설명해주세요.
• 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요.

React

• React의 state와 props에 대해서 설명해주세요.
• React 컴포넌트의 key 속성에 대해서 설명해주세요.
• useEffect의 dependency array에 대해서 설명해주세요.

HTTP/네트워크

• CSR과 SSR의 차이점에 대해서 설명해주세요.
• GET 메서드와 POST 메서드의 차이점에 대해 설명해주세요.

웹서버 기초

• HTTP 메세지 구조에 대해 설명해주세요.
• Same-Origin Policy와 CORS에 대해서 설명해주세요.

위와 같은 모의 면접의 질문 리스트가 정해져 있었다.

---

1-2 ) 기술 면접 준비_면접 질문 답변

JavaScript

• Promise: 비동기적 작업을 처리하기 위한 객체. 콜백 지옥 방지, 비동기적 코드 동기적으로 작성 가능
• 순수함수: 입력값에 대해 항상 동일한 결과 반환, 부작용 없음

React

• state: 컴포넌트 내부에서 관리되는 데이터, props: 부모 컴포넌트로부터 전달받는 데이터
• key 속성: 각각의 자식 컴포넌트를 고유하게 식별, 렌더링 효율적으로 업데이트 가능
• useEffect()의 dependency array: useEffect()가 실행될 조건 설정

HTTP/네트워크

• CSR: 클라이언트 사이드에서 렌더링, SSR: 서버 사이드에서 렌더링. 프로젝트에 적절한 방식 선택 필요
• GET 메서드: 서버로부터 정보 요청, POST 메서드: 서버로 데이터 전송

웹서버 기초

• HTTP 메세지 구조: 요청 라인, 헤더, 바디
• Same-Origin Policy: 리소스 출처가 현재 페이지의 출처와 같아야 함. CORS를 이용하여 다른 출처의 자원에 접근 가능

---

2 ) 모의 기술 면접

모의 기술면접 시간에는 미리 정해진 순서와 그룹원들과 함께 진행하게 된다.

 

• [ ] 잘 모르는 내용에 대해서 모르는 부분을 인정하고 아는 부분까지는 최선을 다해 설명하려고 노력했나요?
• [ ] 추측성 단어(~같아요.)가 아닌, 자신감 있는 단어(~입니다.)로 답변하고 있나요?
• [ ] 한 번 들었을 때, 이해하기 쉬운 답변인가요?
• [ ] 몸을 베베 꼬거나 다른 데를 보거나 하는 나쁜 자세를 취하지 않았나요?
• [ ] 질문을 잘 이해하고, 질문의 요지에 정확하게 답변했나요?
• [ ] 해당 개념 설명이 간단 명료한가요?
• [ ] 개념 설명과 예시가 단순 암기가 아니라 자신의 언어로 충분히 풀어 설명 되었나요?
• [ ] 두괄식으로 개념을 설명하고, 그에 따른 예시를 풀어서 설명하고 있나요?
• [ ] 개념 활용 예시가 구체적이고 풍부했나요?
• [ ] 잘 모르는 내용에 대해서 불명확하게 설명한 부분이 있었나요
• [ ] 정확한 CS 용어(ex. 변수를 만들어서 값을 넣어요. → 변수를 선언하고 값을 할당합니다. 등) 를 사용해서 답변했나요?

질문에 답한뒤 위와 같이 면접 태도등 체크리스트를 체크하고 내가 무엇이 부족하고 어려워하는지 알수있는 시간이없다.

 

---

이번 Section 2의 강의를 공부하면서 여러 생각이 들었던것 같다.

'서버와 통신이 가능한 구조적인 Web App' 이란 무엇일까?

 

- 서버는 무엇인가?

 

- 통신은 무엇인가?

 

- 구조적인 Web App이란 무엇인가?

 

위의 질문을 Chat GPT에게 물어봤다.

Chat GPT

1. 서버(Server): 
    컴퓨터 시스템 또는 소프트웨어로, 클라이언트 요청을 받아 처리하고 결과를 전달하는 역할을 합니다.

2. 통신(Communication): 
    정보나 데이터를 전달하기 위한 과정으로, 컴퓨터나 네트워크 기기들 사이에서 데이터 교환이 이루어집니다.

3. 구조적인 웹 앱(Structural Web App): 
    웹 애플리케이션의 설계 원칙으로, 사용자 인터페이스와 데이터 처리를 분리하여 앱의 구조를 조직화합니다.
    이를 위해 일반적으로 MVC 아키텍처 패턴을 사용합니다.