https://socket.io/get-started/chat Get started | Socket.IO Get started In this guide we’ll create a basic chat application. It requires almost no basic prior knowledge of Node.JS or Socket.IO, so it’s ideal for users of all knowledge levels. Introduction# Writing a chat application with popular web application socket.io socket.io란 실시간으로 상호작용하는 웹 서비스를 만드는 기술인 웹소켓을 쉽게 사용할 수 있게 해주는 모듈이다. 웹소켓은 HTML5..

컴퓨터 시스템이 동작하는 도중에 예상하지 못한 오류가 발생하여, 실행되고 있던 프로그램이 중지되는 것을 예외(exception)이라고 한다. 코딩을하면서 이러한 예외 상황을 처리할 수 있도록 하는 것을 예외 처리(exception handling)이라고 하는데, C++은 언어 차원에서 예외 처리 문법을 제공하여, 예외 처리하는 방식을 확장하고 관리하기 쉽도록 해준다. try, throw, catch try : 예외가 발생할 가능성이 있는 코드 블록 throw : try 문에서 발생한 오류에 대한 정보를 전달 catch : 발생한 예외에 대해 예외 핸들러가 처리할 내용을 담은 코드 블록 C++에서 예외 처리는 다음과 같은 순서로 진행된다. try문에 도달한 프로그램의 제어는 try문 내의 코드를 실행한다...

CORS, Cross-Origin Resource Sharing 교차 출처 리소스 공유 이다. CORS는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제 이다. https://www.youtube.com/watch?v=bW31xiNB8Nc CORS의 예시 https://domain-a.com의 프론트 엔드 Javascript 코드가 XMLHttpRequest를 사용하여 https://domain-b.com/data.json을 요청하는 경우 출처(Origin)란? 출처란 URL 구조에서 Protocol, Host, Port를 합친 것을 말한다. SOP, Same-Origin Policy란 보안 상..

웹 웹 기반 서비스는 우리가 인텅넷을 할 때 흔히 사용하는 크롬, 인터넷 익스플로러, 사파리, 파이어폭스 등의 웹 브라우저를 통해 이용하는 것을 말한다. 서버에 저장되기 때문에 운영체제에 따라 달라지지 않지만, 브라우저의 종류에 따라 달라질 수 있다. HTML, CSS, Javascript 등을 활용하여 제작한다. 반응형 웹 / 적응형 웹 반응형 웹은 1개의 웹사이트에 명령어를 입력하여 브라우저의 크기에 맞게 홈페이지의 크기가 변경되는 방식이다. 간단한 유지보수는 적응형에 비해 매우 편리하며, 1개의 웹사이트만 사용하기 떄문에 1번만 수정해주면 된다. 적응형 웹은 PC 웹사이트와 모바일 웹 사이트를 따로 제작하는 방식이다. 2개 혹은 태블릿 PC까지 3개의 홈페이지를 따로 만들다 보니 홈페이지를 수정할 ..

Javascript를 접하게되면 자연스래 ES5, ES6 ... 등의 단어를 들어볼 수 있다. 그냥 자바스크립트의 버전이겠거니하고 넘겼었는데 좀 더 자세히 알아보자. ECMAScript란? ECMA International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. ECMAScript는 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공한다. ECMAScript는 문서로 작성되어 있으며, 이 곳에서 자세히 알 수 있다. ECMA-262 - Ecma International ECMAScript® 2020 language specification, 11th edition - ECMAScript is a programming language ba..

AJAX, Asynchronous Javascript and XML의 약자이다. 비동기적인 웹 애플리케이션 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. 표현 정보를 위한 HTML(또는 XHTML)과 CSS 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, Javascript 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest AJAX는 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말한다. JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다. AJAX의 강력한 특징은 페이지 전체를 리프레쉬하지 않고서도 수행 되는 비동기성이다. 이러한 비동기성을 통해 사용자의..

Web Server는 하드웨어, 소프트웨어 혹은 두 개가 같이 동작하는 것을 의미한다 하드웨어 측면: web server의 소프트웨어와 website의 컴포넌트 파일들을 저장하는 컴퓨더이다. web server는 인터넷에 연결되어 웹에 연결된 다른 기기들이 웹 서버 데이터를 주고 받을 수 있도록 한다. 소프트웨어 측면: web server는 기본적으로 웹 사용자가 어떻게 호스트 파일들에 접근하는지를 관리한다. 웹 브라우저와 같은 클라이언트로부터 HTTP요청을 받아들이고, HTML문서와 같은 웹 페이지를 반환하는 컴퓨터 프로그램이다. 웹 사이트를 공개하기 위해서는 정적 혹은 동적 웹 서버가 필요하다. 정적 웹 서버는 HTTP 서버(소프트웨어)가 있는 컴퓨터(하드웨어)로 구성되어있다. 동적 웹 서버는 정적 ..

Debug? 디버그는 컴퓨터 프로그램 개발 단계에서 발생하는 시스템의 논리적인 오류나 비정상적인 연산(버그)을 찾아내어 그 원인을 밝히고 수정하는 과정을 뜻한다. 개발자 도구를 이용한 디버그 위와 같이 4, 8줄에 중단점을 설정하고 Console창에 hello("wonillism")을 입력한다. 디버거가 실행되고 4줄에서 멈춘다. Scope를 통해 상황을 알 수 있다. F11혹은 아래방향 버튼을 눌러 디버깅을 진행할 수 있다. debugger키워드를 이용한 디버그 debugger에 적힌 줄에서 중단이 일어난다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/debugger