Tech Space
-
웹페이지 버벅임의 원인이 템플릿리터럴 때문이라고?프로그래밍 2024.02.23 07:50
회사에서 채팅 UI개편이 있었다. 얼마 지나지 않아 많은 유저 문의가 올라왔는데. 채팅이 심하게 버벅거린다는 문의였다. 채팅 출력에 부하가 발생했다. 문제 발생 채팅이 많은 방송에서 부하가 심해지면서 유저들의 문의가 쏟아지기 시작했다. 비즈니스의 로직의 문제였을까? 개편할때 비즈니스 로직은 건들지 않고 UI만 변경했다. 변경점으로 DOM의 구조, CSS, + 연산자로 Domstring을 그려준던 것을 ``(템플릿 리터럴)로 변경했다. 원인 분석 채팅을 출력하는 DOM의 Children을 보면 이상한 점이 없다. 그러나 ChildNodes를 살펴보자. text Node가 사라지지 않고 남아 있는 것을 볼 수 있다. 남아있는 Text Node는 개행문자였다. nodevalue의 값을 보니 "\n " 으로 들..
-
개발자를 위한 AI 검색엔진 - Phind프로그래밍 2024.02.21 23:17
크롬 확장 프로그램을 서칭 하다가 우연히 AI를 모두 모아 놓은 확장 프로그램을 발견했다. 확장 프로그램 설명란에 🚀 Export your Phind, Perplexity and MaxAI-Google search threads into markdown files! ( Phind, Perplexity, MaxAI-Google의 검색 결과를 마크다운으로 추출!) 3개다 처음 보는 단어였기에 구글 검색창에 검색해 보았다. Phind는 소프트웨어 개발 과정에서 필요한 정보를 빠르고 쉽게 찾을 수 있도록 도와주는 AI 검색엔진이라고 해서 사이트에 들어가 보았다. https://www.phind.com/search?home=true S OOP의 핵심에 대해 물어보았다. CHAT CPT랑 별반 다를 게 없다고 생각..
-
시니어 개발자가 말하는 좋은 프로그래머란?프로그래밍 2024.01.23 21:08
프로그래밍은 프로그램 + ing으로 프로그램을 한다는 것을 의미한다. 프로그램이란 뭘까? 이 용어의 어원은 라틴어 "programma"에서 유래되었다. "programma"는 "공개 선언", "명령어"를 의미한다. 즉 명령어를 만드는 것을 프로그램이라고 쉽게 생각할 수 있다. 프로그램을 만드는 것 프로그램은 명령어들의 집합체 이러한 명령어를 실행하는 대상은 컴퓨터이다. 수많은 명령어를 잘 수행하여 원하는 결과를 도출해 낼 수 있도록 정리하는 것이 바로 프로그래밍이다. 가장 중요한 것은 수많은 명령어와 원하는 결과이다. 우리가 원하는 건 무엇인가? 즉 문제들을 해결하는 것들을 원한다. 우리가 세상에서 만나는 문제들을 컴퓨터에게 시키는 것으로도 볼 수 있다. 세상의 어떤 문제들을 해결하고 싶은지 문제의식과 ..