yeeendy

재귀 재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해 주세요. 재귀는 자기 자신을 호출하는 함수로서 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우나 중첩된 반복문이 많은 경우 재귀함수를 사용하기 적합합니다. UI/UX UI, UX의 개념과 두 개념의 관계에 대해서 설명해 주세요. UI는 User Interface의 약자로서 사람들이 컴퓨터와 상호 작용하는 시스템을 의미하고, UX는 User Experience의 약자로서 사용자가 어떤 시스템, 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 의미합니다. UX는 UI를 포함하는 개념으로, 서로를 보완하는 역할을 합니다. UX가 좋지 않은 곳을 찾아냄으로써 UI개선점을 찾아낼 수 있고, UI를 개선함으로써 UX..

네트워크의 탄생 배경에 대해 알아보자 회선교환 방식 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 둘을 연결 단점 내가 연결하고 싶은 상대가 다른 상대와 연결 중이라면 연결이 불가능 특정 회선이 끊어지는 경우에는 처음부터 다시 연결을 성립해야 함 → 즉시성이 떨어짐 패킷교환 방식 패킷이라는 단위로 데이터를 잘게 나누어 전송하는 방식 → 각 패킷에는 출발지와 목적지 정보가 있고 이에 따라 패킷이 목적지를 향해 가장 효율적인 방식으로 이동할 수 있음 → 특정 회선이 전용선으로 할당되지 않기 때문에 빠르고 효율적으로 데이터 전송 가능 → IP는 출발지, 목적지 정보를 IP 주소라는 특정한 숫자값으로 표기하고 패킷단위로 데이터를 전송 IP와 IP Packet IP는 지정한 IP 주소 (IP Ad..

Quiz ❓인터넷은 웹 기반으로 작동한다 ( O / X ) 정답 : X 설명 인터넷이 웹보다 좀 더 포괄적인 개념 인터넷 전세계적으로 연결되어 있는 컴퓨터 네트워크 통신망 웹뿐만 아니라 온라인 게임, 모바일 앱, 이메일 등 네트워크를 사용하는 다양한 서비스들을 모두 포함 웹 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간 인터넷만 연결되어 있다면 웹이라는 공간 안에서 사용할 수 있다 2000년대 초까지만 해도 브라우저 간 호환이 되지 않아서 화면이 안 나오는 일 등 정상적으로 구동이 되지 않아 개발자들이 각 브라우저마다 따로 개발을 해주어야 했다 이러한 수고를 없애고 웹 개발의 형식을 통일시킨 것이 바로! → 웹 표준 웹 표준 웹에서 표준적으로 사용되는 기술이나 규칙 W3C(W..

와이어프레임(wireframe) 제품 기획 단게에서 페이지를 어떻게 구성할 것인지 구조를 잡기 위한 목적으로 만든다 Low Fidelity Wireframe (Lo-Fi Wireframe) 손으로 빠르게 그린 수준의 와이어프레임 작성하는데 시간이 많이 들지 않아 수정하거나 새로운 의견을 반영하기 쉬움 아이디어를 구체화시키며 큰 그림을 잡을 때 좋음 Middle Fidelity Wireframe (Mid-Fi Wireframe) Lo-Fi 와이어프레임을 그리면서 아이디어가 어느 정도 구체화되고 확정된 후에 보기 좋게 다듬어준 와이어프레임 해당 페이지가 어떻게 작동하게 될지 예상할 수 있음 High Fidelity Wireframe (Hi-Fi Wireframe) 완성본에 가깝게 작성한 와이어프레임 목업에 ..

UI (User Interface, 사용자 인터페이스) 사람들이 컴퓨터와 상호 작용하는 시스템 → 예시) 화면상의 그래픽 요소 / 키보드, 마우스 등의 물리적 요소 GUI(Graphical User Interface, 그래픽 사용자 인터페이스) 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경 → 예시) 운영체제(Windows, Mac OS)의 화면, 애플리케이션 프론트엔드 개발자로서의 UI는 대부분 이 GUI를 의미한다. UX (User Experience, 사용자 경험) 사용자가 어떤 시스템, 제품, 서비스를 직·간접적으로 이용하면서 느끼고 생각하는 총체적 경험 → 제품, 서비스 그 자체에 대한 경험 → 홍보, 접근성, 사후 처리 등 직간접적으로 관련된 모든 경험 제품의 성능이 아무리 뛰어나..

질문리스트 JavaScript Promise의 기능과 필요한 이유에 대해서 설명해주세요. 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요. React React의 state와 props에 대해서 설명해주세요. React 컴포넌트의 key 속성에 대해서 설명해주세요. useEffect의 dependency array에 대해서 설명해주세요. HTTP/네트워크 CSR과 SSR의 차이점에 대해서 설명해주세요. GET 메서드와 POST 메서드의 차이점에 대해 설명해주세요. 웹서버 기초 HTTP 메세지 구조에 대해 설명해주세요. Same-Origin Policy와 CORS에 대해서 설명해주세요. JavaScript Promise의 기능과 필요한 이유에 대해서 설명해주세요. promise는 비동..

Postman 이란? API 개발을 보다 빠르고 쉽게 구현 할 수 있도록 도와주고, 개발된 API를 테스트하여 문서화 또는 공유 할 수 있도록 해주는 플랫폼 사용하는 이유 url을 통해 테스트하기엔 한계가 있음 실제 개발 경우, 응답 요청과 응답 받아 화면에 출력하는 등의 작업이 길어져서 Authorization이나 Header, Body를 수정하기에는 제한이 많음 postman은 해당 작업을 할 수 있도록 인터페이스를 구축해둔 툴이기 때문에 쉽게 사용할 수 있음 OS에 상관없고 어디서나 사용할 수 있음 계정을 보유하고 있다면, 내가 요청한 Request 히스토리, 테스트한 환경 그대로 저장되어 언제 어디서나 내가 작업했던 환경 구축됨 참조: https://dev-cini.tistory.com/7 Pos..

REST API REST : Representational State Transfer의 약자 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식 -> HTTP 프로토콜을 기반으로 요청과 응답에 따라 리소스를 주고받기 위해서는 알아보기 십고 잘 작성괸 메뉴판이 필요한데, 이 역할을 API가 수행해야 하므로 모두가 잘 알아볼 수 있도록 작성하는 것이 중요 2단계까지만 적용해도 좋은 API 디자인이라고 볼 수 있음 -> HTTP API REST 성숙도 모델 - 0단계 HTTP 프로토콜을 사용하는 단계 REST API를 작성하기 위한 기본 단계라고 보면 됨 예시 // 허준이라는 이름의 주치의의 예약 가능한 시간을 확인하고, 어떤 특..

인터넷 연결 없이 쇼핑몰 앱이 작동되지 않는 이유 -> 상품 정보를 인터넷 어딘가에 존재하는 서버로부터 받아오기 때문 만약 앱과 연결된 서버가 존재하지 않는다면 어떤 문제가 생길까? -> 새로운 상품 목록을 받기 위해서는 앱 자체를 업데이트 해야함 -> 상품 정보를 실시간으로 전달하기가 어렵고 -> 서버가 없다면 "결제"라는 행동을 할 수가 없다 -> 결제도 결국 금전 정보를 주고 은행 서버와의 연결이 필요 ==>> 따라서 빈번한 데이터 업데이트가 필요한 경우, 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시키는 것이 유리 클라이언트 - 서버 아키텍처(2-Tier 아키텍처) 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것 클라이언트 : 리소스를 사용하는 앱 서버 : 리소스를 제공하는 곳 ..