본문 바로가기
728x90

💻 Side project14

[Electron] contextIsolation과 contextBride란 무엇인가 contextIsolation과 contextBridge에 대해 알아보기   Electorn은 웹 기술을 사용해 데스크탑 앱을 만들 때 사용하는 프레임워크입니다. Electorn에서 보안 및 성능을 강화하기 위해 사용하는 방법 중 하나로 contextIsolation과 contextBridge가 있습니다. 두 기능을 사용함으로써 앱의 메인 프로세스와 랜더러 프로세스 간의 통신 방식을 다루고 보안을 높일 수 있습니다.    1. contextIsolation contextIsolation은 렌더러 프로세스(웹 페이지)에서 실행되는 JavaScript의 코드가 Electron API에 직접 접근하지 못하도록 격리하는 설정입니다. 이를 통해 웹 페이지의 스크립트가 메인 프로세스나 Node.js 환경에 직접 접.. 2024. 6. 6.
[Web] Node.js 라이브러리 Socket.io에 대해 알아보기 Socket.io란 무엇인가  Socket.io란?Socket.io는 Node.js 애플리케이션에서 실시간 양방향 통신을 가능하게 하는 라이브러리입니다. 웹 소켓 프로토콜을 기반으로 하며, 브라우저와 서버 간의 실시간 데이터 교환을 쉽게 구현할 수 있게 해줍니다. 주로 채팅 애플리케이션, 실시간 피드 등에서 사용됩니다. socket.on()을 통해 이벤트 리스너를 등록하고, socket.emit()을 통해 이벤트를 발생시켜 클라이언트와 서버 간의 데이터를 쉽게 주고받을 수 있습니다.     socket.on() - 이벤트 리스너 등록 socket.on() 메서드는 클라이언트나 서버에서 특정 이벤트가 발생했을 때 실행될 콜백 함수를 등록하는 데 사용됩니다. 예를 들어, 클라이언트가 서버로 메시지를 보낼 때.. 2024. 6. 4.
[Web] 웹 개발 필수 지식, DOM이란 무엇일까? DOM(Document Object Model) 이란?        DOM(Document Object Model)이란 무엇인가  DOM이란 바로 HTML 문서를 트리 형태의 구조로 표현하는 객체 모델입니다.  웹 브라우저는 HTML 문서를 읽어들여 DOM 트리를 생성하고 이를 통해 웹 페이지의 각 요소에 접근하고 조작할 수 있게 됩니다.  다시 말해서 웹 페이지를 구성하는 각 요소를 객체로 표현하고 이들 관의 관계를 계층적으로 나타낸 것입니다. 각 객체는 요소의 속성, 내용, 자식 요소 등에 대한 정보를 담고있습니다. DOM의 주요 기능  DOM은 웹 개발자가 웹 페이지를 동적으로 제어할 수 있도록 다양한 기능을 제공합니다.   1. 요소 선택 : 특정 요소를 선택하여 조작할 수 있음 2. 요소 내용 .. 2024. 5. 20.
[Unity2D] 말풍선 만들기 Unity2D 말풍선 만들기 Hierarchy 창 UI -> image 생성</sp.. 2023. 6. 24.
[Web] 깃허브 리포지토리 삭제 깃허브 리포지토리 삭제하는 법 깃허브 -> 삭제를 원하는 리포지토리 클릭 -> Settings 맨 아래 있는 Delete this repository 클릭 I want to delete this repository 클 I have read and understand these effects 클릭 "큰따옴표" 안에 있는 내용을 따라 입력 -> Delete this repository 클릭 2023. 6. 16.
728x90