그리미

배경영상 플레이어를 제작 중입니다. 로컬 컴퓨터 디렉토리 내의 영상 경로를 읽어서 영상을 딱! 하고 보여주면 되는 일인데문자 처리 관련해서 다소 해매서 기록 남깁니다. 먼저, 영상 재생이 제대로 되지 않는 문제를 확인해보았습니다. 영상 제목으로 참, 다양한 게 올 수 있더군요 1.수학 알파벳 기호2. 이모지3. 한국어4. ~ ! : % ...5. પ નુલુગ લસશ   영상명을 처리하기 쉽게 일일이 세팅해달라고 할 수도 없는 노릇이고.. 코드 단에서 해결해보기로 했습니다.  위와 같은 특수 문자들을 제대로 못읽어서 생기는 문제가 아닐까? 라는 가설을 새웠고 검증해보았습니다. const encodedFilename = encodeURI(file);videos.push({ src: `videos/..

데이터 모델과 질의 언어관겨형 모델과 문서 모델 그리고 그래프 기반 데이터 모델 비교관계형 모델과 문서 모델관계형 데이터 베이스 : (테이블이라 불리는) 관계로 구성되고, 관계는 튜플 모음왜 강력한 걸까?id를 사용하면 id 자체는 의미가 없어 식별 정보 바꿔도 id 유지 가능조인이 쉬움 ?질의 최적화기 동작 과정 ?NoSQL확장성 ( 대규모 데이터셋이나 매우 높은 쓰기량 달성을 관계형 데이터보다 쉽게 할 수 있는) ?특수 질의 ( 관계형 모델에서 지원않는 ) ?관계형 스키마 제한에 대한 불만과 더욱 동적이고 표현력이 풍부한 데이터 모델 ?이력서 같은 건 NoSQL 쓰는 게 유리지역성 ( 쿼리 한방에 필요한 정보 가지고 올 수 있음 )다대일 관계에 적합 x → 조인에 대한 지원이 약함 → 왜 ?애플리케이..

환경은 다음과 같습니다- 단일 CPU 위에 백엔드와 프론트 엔드 서버 돌아가고 있음- 실시간으로 오는 각종 센서 데이터- Node.js 기반 백엔드- 프론트엔드 시간 당 수 테라바이트의 데이터가 오고 가는 환경입니다.백엔드는 실시간 데이터를 센서로 부터 받기에 이를 효율적으로 전달하기 위해선 익숙하던 HTTP 가 아닌 WebSocket 프로토콜을 이용하기로 했습니다.  자원을 효율적 그리고 안정적으로 사용하기 위해선 센서 데이터의 경우 백엔드 서버에서 모두 받아서 처리하기 보단, 적절하게 구독하여 필요한 것이 좋다고 판단 했습니다.  이를 위해 했던 첫 번째 방법은 하나의 소켓으로 관리되던 프로젝트를 구분하기로했습니다. (아래는 예시이며, 관리자랑 유저를 위한 용도로 나누었다 보시면 됩니다) @WebSo..

Socket.IO란 무엇 입니까Socket.IO는 클라이언트와 서버 간의 저지연 , 양방향 및 이벤트 기반 통신을 가능하게 하는 라이브러리Socket.IO 연결은 다양한 저수준 전송을 통해 설정될 수 있습니다.HTTP 롱폴링웹소켓웹 전송특징HTTP 롱폴링 폴백WebSocket 연결을 설정할 수 없는 경우 연결은 HTTP 롱폴링으로 전환됩니다. 자동 재연결서버와 클라이언트 간의 WebSocket 연결이 중단될 수 있으며, 양측 모두 링크의 끊어진 상태를 알지 못할 수 있습니다.이러한 이유로 Socket.IO에는 연결 상태를 주기적으로 확인하는 하트비트 메커니즘이 포함되어 있습니다.그리고 결국 클라이언트의 연결이 끊어지면 서버에 과부하가 걸리지 않도록 지수적 백오프 지연을 거쳐 자동으로 다시 연결합니다.패킷..

프론트엔드 공부 시작하고, 팀프젝을 해보고 싶다와 다른 프론트개발자는 어떻게 개발할까 궁금해 해커톤을 신청했습니다 약 1주일 정도의 기간동안 밤을 새가며 프젝을 만들었고, 능력 좋은 팀원들 덕에 1등을 했습니다 구현 능력이 중요함을 깨달았습니다 원하는 기능을 정확하게 구현 해내는 능력 그리고 빠르게 구현하는 능력은 개발자의 기본이구나를 느꼈습니다 이를 위해 같은 프젝을 여러 번 반복해보라는 조언을 얻었습니다 CS 공부하길 잘했다 느꼈습니다. 검색 기능이 갑자기 제대로 동작 안한다는 이슈가 있었습니다 어쩔땐 되고 어쩔땐 안된다는 동료의 말에 살펴보니 쿼리 파라미터로 넘어오는 값에 대한 인코딩 문제가 아닐까 판단했고 이를 공유하여 문제를 해결했습니다 도움되어 뿌듯하기도 하고 CS를 열심히 공부하자는 다짐을 ..

한 것알고리즘누적합 3문제코드포스 응시앳코더 응시자바스크립트JS 미니 프로젝트 2개코어 자바스크립트 강의 완강김민태의 세상에서 가장 친절한 프론트엔드 수업 1 ~ 5강운동근력 + 유산소 운동 5회의미 있었던 것3Km 달리기 성공런닝 머신에서 3Km 달린 건 이번이 처음이다. 초기 목표 달성했으니, 이제 시간 단축을 목표로 해야겠다.CP 나름의 성과코드포스 Div 3 의 경우 4솔, 앳코더 ABC는 3솔을 하였다. 두 시험 다 약간의 아쉬움이 있다. Div 3 의 경우, 조금만 실수 안했어도 가볍게 그린 퍼포였는 데... 그리고 앳코더의 경우 D 번을 풀었더라면... 물론 욕심이란 것을 안다정말 조금씩 늘고있어 기분이 좋다가능하면 CP 꾸준히 치고 업솔빙 해야겠다. 코포 그린과 앳코더 ABC 4솔을 목표로..

회사를 다니며 스프링, JS/TS, 알고리즘을 꾸준히 하고 있습니다. JS/TS 는 가볍게 기본 문법을 공부하였고 미니 프로젝트를 진행 중입니다https://www.freecodecamp.org/news/javascript-projects-for-beginners/ 40 JavaScript Projects for Beginners – Easy Ideas to Get Started Coding JSThe best way to learn a new programming language is to build projects. I have created a list of 40 beginner friendly project tutorials in Vanilla JavaScript, React, and TypeSc..

이제 곧 회사에서 개발을 해야하기에 마음이 촉박해졌다. 최대한 하루를 효율적으로 살아보자는 맘에 이동 시간에 공부를 하였다.그 덕에 코어 자바스크립트를 읽었고, 모던 자바스크립트 튜토리얼을 보았다.그 덕에 타입스크립트 공부도 예상보다 빠르게 시작했다.또한 얼마 전 부턴 컴퓨터 구조를 보기 시작했다.  알고리즘도 꾸준히 풀었다. 대략 10~20 문제 풀었다. 리트코드 위클리도 참여했다. 한창 취준 할 때 보다 날카롭다? 곤 할 수 없지만.. 차근차근 실력을 쌓아보자는 맘이다.  아쉬움이라곤 간단한 프로젝트를 할 필요가 있단 생각이 들었다. 책이나 Docs를 통해 이론만 공부하다보니.. 지루하기도 하고 와닿지 않는 다. 또한.. 어느 정도 회사에서 성과를 내고 난 이후엔 취미로 하고 싶은 공부도 생겼다. (..