분류 전체보기 126

[프레임워크] 크로스 플랫폼 프레임워크 비교

크로스 플랫폼 프레임워크란 한가지의 개발 소프트웨어로 둘 이상의 플랫폼을 지원하는 것을 의미합니다. 업계에서 자주 사용되는 크로스 플랫폼 프레임워크 3가지를 비교해보았습니다. 프레임워크 Electron ​ Flutter ​​ React Native 제작사 OpenJS Foundation, Github​ Google​ Meta 주력 플랫폼 Windows, iOS, Linux Android, iOS Android, iOS 기반 언어 Javascript​ Dart​ Javascript, React 특징 데스크탑 응용프로그램 특화 모바일 특화​ 모바일 특화 장점 HTML, CSS, JS만 알아도 응용프로그램 개발이 가능 모바일 환경에서 UI, 성능 안정성이 제일 높음(참고자료) React 할 줄 알면 쉽게 모바..

Tech Trends 2023.02.07

'검색량 80% 뚝' 위기의 메타버스…"삼성·애플 XR기기로 재도약"

엔데믹이 진행되고 거시경제가 침체되면서 비대면 특수를 타고 날아올랐던 ‘메타버스’도 위기를 맞았다. 검색량은 1년 새 80% 이상 빠졌고 대표 기업 ‘메타’의 주가는 한 해 동안 60% 넘게 폭락했다. 사업 축소에 나선 기업들도 등장 컬러버스 ‘퍼피레드’ (MAU) 12만(출시당시) >> 1만 5000명(23년 1월). 싸이월드 '싸이타운' 8월 출시 이후 1만 다운로드. 네이버제트·로블록스 등 ‘알짜’ 기업들은 여전히 견조한 성장세 로블록스 전년대비 DAU 5210만 >> 6150만 제페토 누적 가입자 3억 (22년 3월) >> 4억 (22년 12월) 올해부터 빅테크들이 차세대 확장현실(XR) 기기를 다수 출시하면서 얼어붙은 시장에 다시 훈풍이 불 것이라는 기대감도 있다. 애플은 이르면 올해 상반기 중..

Tech Trends 2023.02.07

[DB] MariaDB 이중화 구성 설정 방법과 분산처리 (Replication Master/Slave)

하나의 DB 서버에 많은 트래픽이 몰리게 된다면 큰 병목 현상이 일어나 정상적인 서비스를 제공하지 못하는 상황이 발생하기도 합니다. ​ 이를 개선하기 위해 MySQL과 MariaDB는 DB서버를 분산하여 처리할 수 있게 도와주는 Replication 구조를 제공합니다. Replication는 복제라는 의미로, Master/Slave 구조를 기반으로 하여 Master 서버에서의 변경 사항을 Slave 서버가 받아와서 데이터의 정합성을 맞추고 APP이나 WEB 서버의 요청을 Slave에서 처리할 수 있는 형태입니다. (여기서 정합성이란 두 서버 간의 데이터가 서로 일치하는지 여부를 말합니다.) Master/Slave Replication 구조의 특징 ​ N개의 Slave DB를 추가적으로 구성할 수 있습니다..

DataBase/Maria DB 2023.02.07

[DB] MariaDB 실행 계획

MariaDB 쿼리 계획 방법​ 실행할 쿼리 앞에 explain을 붙여주고, 실행. ​ 개요 SQL Server 실행계획 = MariaDB 쿼리 계획. MariaDB는 쿼리 처리 순서를 확인 할 수 있는 쿼리 계획(query plan) 기능을 제공한다. MariaDB에서는 쿼리 계획을 확인하는 explain, analyze가 있다. explain은 예상되는 실행 계획을 보여주고, analyze는 쿼리를 실제 실행한 후 실행한 쿼리 계획을 보여준다. ​ MariaDB는 10.0.1 이후부터 사용 가능 (비글즈 10.6.5 사용중 ) select version(); -- 버전확인 ​ 쿼리 계획 항목 1) id 대상 쿼리문에 join이 포함되어 있을 때, 어떠한 순서로 테이블이 join되는지를 나타내는 값이다..

DataBase/Maria DB 2023.02.07

[DB] 더 빠른 SQL 쿼리를 위한 데이터베이스 튜닝 규칙

- IT WORLD 매거진 참고. - 튜닝하기 위한 정답이 존재하지는 않는다. - SQL Server(MS-SQL), 오라클, DB2, 사이베이스, MySQL, MariaDB - 최고의 성형은 다이어트? 최고의 튜닝은 네트워크 트래픽 최소화. ​ 1. 가능하면 커서(Cursor)를 피하라. 커서는 속도 문제를 겪을 뿐 아니라, 다른 작업을 필요 이상 지연시킬 정도로 하나의 작업을 블록(Block)시킬 수도 있다. 우리는 BM 특성상 커서를 사용하는 부분이 있다. BM이해 없이 그대로 복사해서 작업시 문제가 될 수 있다. ​ 2. 커서를 피할 수 없다면, 임시 테이블(temp table)을 사용하라 커서를 사용해야만 할 때가 있다. 그런 경우, 라이브 테이블(Live Table)보다는 임시 테이블에 대한 ..

DataBase/Maria DB 2023.02.07

[API] Open Api 히트맵 예제

히트맵 관련 Open Api가 있어 소개 합니다. Open Api heatmap.js : Dynamic Heatmaps for the Web (patrick-wied.at) Dynamic Heatmaps for the Web An easy to use, open source, data visualization library to help you create beautiful heatmaps for your projects. Get started in minutes! www.patrick-wied.at 공식 documentation https://www.patrick-wied.at/static/heatmapjs/docs.html heatmap.js Documentation The colors in the ..

[기타] 웹 프로젝트 메타 (meta)에 대한 SEO 최적화

meta요소는 HTML의 head요소 안에 포함시킬 수 있습니다. Text의 Mark-up과는 별개로 페이지에 관련한 정보를 지정하는데 사용됩니다. 특히 검색 엔진최적화와 관련된 메타 요소로는 페이지 요약문 지정, 사용 하고 있는 문자 세트 지정, 검색 엔진 로봇의 동작 지정 등이 대표적입니다. ​ KBO, 야구학교, 레전드닷컴 등 불특정다수가 사용하는 웹사이트에서는 메타 작업은 필수 입니다. ​ SEO(Search Engine Optimization) 필수 메타 정보 검색엔진에서 검색되는 키워드 페이지에 대한 정보 (요약문 내용은 클릭율(Click Through Rate)에 영향을 미친다.) ​ 그외 메타 데이터 정보 https://www.w3schools.com/html/html_head.asp HT..

[DB] 인덱스 조회시 참고 사항

1. between, like, 등 범위 조건은 해당 컬럼은 인덱스를 타지만, 그 뒤 인덱스 컬럼들은 인덱스가 사용되지 않습니다. ​group_no, from_date, is_bonus으로 인덱스가 잡혀있는데 조회 쿼리를 where group_no=XX and is_bonus=YY and from_date > ZZ등으로 잡으면 is_bonus는 인덱스가 사용되지 않습니다. ​from_date 뒤에 있는 from_date 인덱스는 안탑니다. 2. =, in 은 다음 컬럼도 인덱스를 사용합니다. in은 결국 =를 여러번 실행시킨 것이기 때문입니다. ​단, in은 인자값으로 상수가 포함되면 문제 없지만, 서브쿼리를 넣게되면 성능상 이슈가 발생합니다. in의 인자로 서브쿼리가 들어가면 서브쿼리의 외부가 먼저 실..

DataBase 2023.02.07

[기타] 네트워크 체킹 도스 명령어

긴급 네트워크 점검 방법 ​ 1. 경로 추적 Tracert(Trace route) Tracert(Trace route)는 내 PC에서 서버까지 가는 경로를 추적​ 내부 네트워크와 인터넷 지연 현상 파악 용도 정체구간 추적 예제 특정 사이트가 열리지 않을때 서버, 망 등 문제점 파악. 만약 점검할 서버가 kornet.co.kr라면 다음과 같이 한다. ->tracert kornet.co.kr 패킷 경로 파악 ​ 2. PC의 IP주소 체크 ipconfig 시작 >> 실행 >> cmd >> ipconfig ipconfig는 주요 옵션 ipconfig /all 기본정보 외 랜카드 이름과 맥 어드레스 등 부가 정보 ipconfig /renew 유동 IP를 쓰는 PC 대상 DHCP 서버가 컴퓨터에 새로운 IP 주소를..

BIG