기반기술/SW공학(3)
-
어플리케이션 개발 구조 | 프론트엔드, 백엔드
어플리케이션 개발 구조어플리케이션은 크게 백엔드(서버)와 프론트엔드(UI)로 나누어져. 그리고 각 부분에서 수행하는 작업들은 다음과 같아. 1. 프론트엔드(UI: User Interface)프론트엔드는 사용자와 직접 상호작용하는 부분이야. 즉, 화면에 보이는 모든 요소를 다루지.프론트엔드에서 하는 일UI 디자인 및 구현: 사용자가 어플리케이션을 사용할 때 볼 수 있는 화면을 디자인하고 구현하는 부분 (예: 버튼, 메뉴, 화면 전환)사용자 입력 처리: 사용자가 입력하는 데이터를 처리하고, 서버로 보내거나 화면에 반영하는 작업. (예: 폼 작성, 버튼 클릭, 검색 기능)클라이언트-서버 통신: 서버와 데이터를 주고받는 부분. (예: API 호출, 서버에서 받은 데이터를 화면에 표시)반응형 디자인: 다양한 디바..
2024.12.21 -
서버-클라이언트 통신 / WAS-DB서버 연동
1. 서버-클라이언트 통신 (Frontend ↔ Backend)클라이언트(웹/앱)가 사용자 요청을 서버에 전달하고, 서버가 응답을 클라이언트에 보내는 역할.예: 브라우저에서 "로그인 버튼"을 클릭하면 서버로 사용자 정보가 전달되고, 서버는 결과를 반환.주요 기술:REST API, GraphQL, gRPC: 클라이언트와 데이터를 주고받는 방식HTTP/HTTPS: 통신 프로토콜WebSocket: 실시간 양방향 통신데이터 포맷: JSON, XML 2. WAS-DB 연동 (Backend ↔ Database)서버는 클라이언트의 요청을 처리하기 위해 데이터를 DB로부터 읽거나 쓰는 작업을 수행.예: 사용자가 로그인하려고 하면, 서버는 DB에서 해당 사용자의 정보를 검색해 확인.주요 기술:SQL (Structured..
2024.12.05 -
3계층형 아키텍처 - 웹 데이터 흐름
1. 클라이언트(프레젠테이션 계층)사용자가 직접 상호작용하는 인터페이스.사용자가 브라우저(또는 모바일 앱)를 통해 웹 서버에 요청을 보냄. (HTTP/HTTPS 통신 프로토콜 사용)브라우저는 요청을 보낼 때 필요한 데이터를 포함해 보냄(쿠키, 헤더 등). 2. 웹 서버와 애플리케이션 서버 (애플리케이션 계층)클라이언트의 요청은 웹 서버로 전달된 뒤, 필요한 작업에 따라 애플리케이션 서버로 전달됩니다.(1) 웹 서버(Web Server)역할: HTTP 요청을 처리하고 정적 리소스(HTML, CSS, JS 파일 등)를 클라이언트에 바로 제공.정적 리소스 요청이라면 웹 서버가 자체적으로 처리하고 응답.예: 사용자가 이미지를 요청할 경우, 웹 서버가 이미지 파일을 찾아 응답.(2) 애플리케이션 서버(Applic..
2024.12.05