WebSocket 웹소켓(WebSocket)은 OSI 모델에서 7계층에 위치하는 프로토콜이며, 4계층의 TCP(Transmission Control Protocol)를 기반으로 동작한다 웹소켓은 HTTP 프로토콜과 함께 사용되며, 기존의 Request-Response 구조와는 다르게 커넥션을 열고 유지하여 양방향 통신을 지원한다 1.커넥션의 Open과 Close 웹소켓은 클라이언트(브라우저)가 서버와 연결을 맺으면 해당 커넥션이 Open 상태로 유지 Open된 커넥션을 통해 양쪽 간에 언제든 데이터를 주고받을 수 있으며, 커넥션은 클라이언트 또는 서버가 종료할 때까지 유지 서버는 클라이언트의 요청을 기다리지 않고, 업데이트된 정보나 메시지가 있을 때 즉시 클라이언트에게 전달 2.핸드쉐이킹 웹소켓 커넥션은..

CORS란 CORS 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다 출처는 접근할 때 사용하는 URL의 프로토콜(스킴) + 도메인(호스트) + 포트를 말하는 것인데, 두 출처의 프로토콜, 호스트, 포트가 모두 일치하는 경우 같은 출처를 가졌다고 할 수 있다. 서비스 및 프로젝트가 모든 출처의 접근을 허락한다면 이러한 보안성이 현저히 낮아지고, 해킹의 위험에 그대로 노출되게 됨으로 모든 도메인을 허용해서는 안 되고, 특정 도메인을 허용하도록 구현해야 한다. 프론트엔드 개발자가 백엔드 개발자에게 프론트엔드..

개발 프로세스 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어졌다 (1) 요구사항 분석 기능과 제약 조건, 목표 등을 정의 (2) 설계 수행 방법을 논리적으로 결정 (3) 구현 프로그래밍 언어를 사용하여 실제 프로그램을 작성 프로그래밍 언어, 기법, 스타일, 순서 결정 (4) 테스트 검사 및 평가 (5)배포 및 유지보수 시스템이 인수되고 설치된 후 일어나는 모든 활동(비용이 가장 많이 소요된다. -수정형 유지보수 : 사용 중에 발견한 프로그램의 오류 수정 작업을 진행. -적응형 유지보수 : 시스템과 관련한 환경적 변화에 적응하기 위한 재조정 작업 -완전형 유지보수 : 시스템의 성능을 향상하기 위한 개선 작업...

최적화란 최소한의 데이터로 가장 빠른 시간에 사용자가 불편함을 느끼지 않는 최적의 화면을 띄워야 한다. 성능 최적화를 하게 되면 곧 사용자 경험의 개선으로 이어지고 기업의 실적으로도 이어진다 최적화의 필요성 및 효과 1) 이탈률 감소 : 화면을 불러오는 시간이 길어지면 사용자가 페이지를 이탈할 확률이 높아진다. 2) 전환율 증가 : 웹 사이트를 방문한 사용자 중 실제 서비스 이용자로 전환되는 비율이 증가한다. 3) 수익 증대 : 이탈률 감소, 전환율 증가는 트래픽 증대 및 회원 수 증가로 이어지고, 곧 수익 증대를 의미한다. 4) 사용자 경험(UX) 향상 : 최적화는 효과적인 UX 개선 수단이다. 최적화 기법 1.HTML, CSS 코드 최적화하기 DOM 트리 가볍게 만들기 :DOM 트리가 깊을수록, 자식..