Computer Science (32) 썸네일형 리스트형 [WebApp] WebView [학습 키워드]1. React-Native2. WebView3. CodePush (올해 3월 31일 삭제 예정)WebView란?네이티브 앱에서 웹 페이지를 불러와서 iframe 처럼 사용하는 것Native 기능(알림, 카메라)을 직접 사용하지는 못하고, bridge를 이용하여 간접적으로 앱 기능 사용 가능WebView 구조bridge : superApp 마냥 Native와 Web을 통신시켜주는 도구WebView 선택 이유(상대적으로) 빠른 MVP 개발 속도특히, 웹 개발자들이 바로 앱을 만들 수 있음MVP 단계에서 성능 저하가 크지 않을 것으로 예상Next.js로 개발한 부분은 바로 web으로 배포하여 크로스플랫폼 지원유지보수가 편리함 (심사없이 수정 가능)네트워크 의존성RN은 버그가 많음장기적으로는 r.. CRDT 심화 정리 [CRDT] CRDT 기본 원리 정리CRDT 원리를 담은 동영상위 영상을 기반으로 핵심 내용들만 정리한 내용입니다. 동시편집이란?동시 편집은 동시에 시작한 작업이 원하는 화면에서 같은 화면으로 종료시키고자하는 방식입니다.devysi0827.tistory.com위 기본 원리를 이해한 다음에 쓰는 글입니다. 마찬가지로 martin kleppmann 씨의 심화 영상을 정리한 내용입니다. CRDT와 OT는 원리가 응용되어서 널리 사용되고 있지만, 학문적으로 직면한 문제들이 있습니다. 그에 대한 소개들입니다. (사람들과) 합의는 되었으나... 예상과 다른 결과들 앞 글에서 설명한 원리들로 CRDT는 여러 사람이 같은 화면(합의)을 보게 만들 수는 있지만, 합의가 예상한 결과는 아닙니다. 위 예시 사진처럼 1.. JS - 순열/ 조합 구현 순열function getPermutations(arr, r) { const result = []; function permute(temp, remaining) { if (temp.length === r) { result.push([...temp]); // r개의 길이만큼 선택한 경우 결과에 추가 return; } for (let i = 0; i - 사용한 원소를 하나씩 제거해서 다음으로 넘기는 방식조합function getCombinations(arr, r) { const result = []; function combine(temp, start) { if (temp.length === r) .. JS - 코딩테스트 기본 문법들 Readline Readline | Node.js v12.22.12 DocumentationReadline# Source Code: lib/readline.js The readline module provides an interface for reading data from a Readable stream (such as process.stdin) one line at a time. It can be accessed using: const readline = require('readline'); The following simple examplnodejs.org 현대 softeer, 앨리스 코딩, 백준 등에서 직접 readline을 서술해야할 때 다음 문법을 기억해두면 좋다. // 최초 가로열 = n, .. 네트워크의 기초 구성 요소 본 내용은 "혼자 공부하는 네트워크 1장" 내용을 기반으로 작성하였습니다. 네트워크의 구성 요소- host : 네트워크 가장자리에 위치한 노드. 서버, 데스크톱, 스마트폰 등의 네트워크 기기- server : 어떠한 서비스를 제공하는 host- client : 어떠한 서비스를 요청하는 host- 네트워크 장비 : 네트워크 가장자리에 위치하지 않은 노드로 호스트가 정보를 주고 받는 것을 도움 ex). 이더넷 허브, 스위치, 라우터, 공유기 - 통신 매체 : 각 노드를 연결하는 매체- 메시지 : 통신 매체로 연결된 노드가 주고받는 정보네트워크 분류[네트워크 범위]- LAN (Local Area Network) : 근거리 연결 통신망- WAN (Wide Area Network) : 원거리 연결 통신망 - I.. CRDT 기본 원리 정리 CRDT 원리를 담은 동영상위 영상을 기반으로 핵심 내용들만 정리한 내용입니다. 동시편집이란?동시 편집은 동시에 시작한 작업이 원하는 화면에서 같은 화면으로 종료시키고자하는 방식입니다.즉, 여러 유저들 간 수정 내역들을 통합하고 병합하여 최종적으로 같은 화면을 보게 만들어야합니다.- 최종적으로 같은 화면으로 수렴되는 성질을 convergence property(수렴 속성)이라 합니다. 이는 consensus(합의)와 비슷하지만 다릅니다. 익숙한 병합도구로 git이 있습니다. 하지만, git은 같은 줄을 편집하여 충돌이 생긴 경우 수동으로 편집해야합니다.가장 유명한 도구로는 google docs가 있습니다. Google Docs 구글 독스는 로컬 복사본과 서버를 이용하여 OT(Operational Tran.. [React 공식문서] React의 이벤트 객체 (synthetic event) 합성 이벤트란? 정의 : React에서 사용하는 이벤트 객체로, 합성 이벤트(synthetic event)라고도 불립니다. 필요한 이유 : React가 브라우져마다 다르게 작동하는 브라우져 불일치 문제를 해결합니다. 특징 : 1. React는 Dom의 native 이벤트를 사용하지 않고 합성 이벤트를 사용합니다.- native 이벤트 핸들러 처리 및 캡쳐링/버블링이 완료한 후, react 이벤트 핸들러가 처리됩니다.- 대부분의 이벤트는 버블링 단계에서 호출됩니다. Capture 단계에서 필요하다면 이벤트 뒤에 Capture를 붙여서 호출하면 됩니다. 2. event의 표준 properties와 methods를 일부 가지고 있습니다.boolean bubblesboolean cancelableDOMEvent.. [WEB] 이벤트 캡쳐링, 이벤트 버블링, 이벤트 위임 (with react) 이벤트 캡쳐링 / 버블링정의 : - 이벤트 버블링 : 이벤트가 클릭한 하위요소에서 전파되어 부모까지 전달되는 현상- 이벤트 캡쳐링 : 이벤트가 클릭한 대상의 하위요소로 전파되는 현상, 기본적으로 off 상태로 사용되기 위해서 명시해야함 필요한 이유 : DOM의 특정 요소를 선택했을 때, 그 요소는 부모 내부에 있기에 이벤트를 상위와 하위로 전달하는 방법이 필요하다. 이 때, 사용되는 것이 이벤트 버블링과 캡쳐링이다. 이벤트 전파 순서 : (캡쳐링) -> 타겟 -> 버블링 캡쳐링과 버블링 중단하지만, 반대로 캡쳐링과 버블링으로 원하지 않는 요소에 이벤트가 전파되고 실행되어서 곤란할 수가 있다. 이를 해결위해서는 알맞게 이벤트를 전파하거나 이벤트의 흐름을 관리해야한다. 다음 요소들은 그를 위한 속성과 메서드.. 이전 1 2 3 4 다음
