Lighthouse를 활용한 웹 성능 최적화 전략 - studyA.ai 사례

최근 개발중인 AI 수학 학습 플랫폼 스터디에이(www.studya.ai)를 오픈하면서 검색사이트 노출을 늘리기 위해 최적화를 진행하고 있습니다. 오늘은 이 과정에서 얻은 정보를 공유하려 합니다. 왜 웹 성능 최적화가 중요한가?웹 성능은 단순히 로딩 속도의 문제가 아닙니다. 사용자의 첫인상, 검색엔진 순위, 전환율, 유지율까지 폭넓게 영향을 미치는 핵...

axios 라이브러리 'withCredentials' 오류 대처 방법

Axios는 JavaScript에서 HTTP 요청을 쉽게 만들고 처리할 수 있는 라이브러리입니다. Axios를 사용하면 서버로 HTTP 요청을 보내고 응답을 처리하는 작업을 간단하게 수행할 수 있어 많은 개발자들이 사용하고 있습니다.그런데, 새로운 프로젝트를 시작하면서 백앤드 서버로 POST 요청을 보낼 때 403 Forbidden 오류가 계속 발생했...

웹서버에서 카카오톡 API로 친구에게 메시지 보내기

웹서버에서 발생하는 상황을 받기 위해서 가장 일반적으로 사용하는 방법은 이메일을 사용하는 것이다. 단점은 메일 도착 알람을 실시간으로 받기 어렵다는 것이다. 그래서 대안으로 slack이나 다른 메시지 앱을 사용하기도 한다.필자의 경우 카카오톡으로 알림을 받으면 좋겠다는 생각이 들었다. 자주 이용하는 앱이라 메시지 앱을 여러개 설치할 필요 없기 때문이다...

[Windows] pip install mysqlclient 오류 해결방법

python에서 mysqlclient를 설치하는 것은 아주 성가신 문제다.필자의 경우에도 서버가 바뀔 때 마다 환경이 달라져 mysqlclient를 설치하는데 애를 먹고 있다.다수의 경우에는 환경변수 “MYSQLCLIENT_CFLAGS”, “MYSQLCLIENT_LDFLAGS”를 설정해 mysql header와 lib의 위치를 알려주면 해결되는 경우도...

스마트 안내판 CMS & 저작 시스템 개발

지난 11월, 협회 회원사인 ‘코애드’의 요청을 받아 ‘스마트 안내판 용 CMS 및 저작 시스템'을 개발하여 납품하였습니다.이번 개발 산출물로는 콘텐츠를 관리하는 ‘CMS’와 안내판 사이트를 제작하는 ‘저작 도구’가 있습니다. 이 시스템의 아키텍처를 구상할 때 가장 신경 쓴 부분은 사이트를 제작의 유연성을 갖춰야 한다는 것입니다.사이트는 아무리 표준화...

[버전업] 보이스코드 V2. QR코드 하나로 다국어 지원

최근 한류 열풍을 타고 다양한 나라의 관광객이 한국을 찾고 있다. 과거에는 중국, 일본 관광객 비중이 높았다면, 최근에는 홍콩, 태국 등 동남아시아와 유럽지역의 관광객 비중도 증가하는 추세다.이렇듯 다양한 나라의 관광객이 늘어나면서 영어, 중국어, 일본어 뿐만 아니라 더 많은 언어로 된 안내가 필요하다. 하지만, 좁은 안내판에 전세계 언어를 모두 표현...

웹사이트 성능 최적화

최근 오픈 한 자사 사이트 보이스코드(https://voco.kr)가 검색엔진 노출에 문제가 있어 보였다. 이 사이트의 SEO(Search Engine Optimization) 측면에서 가장 큰 약점은 SPA(Single Page Application) 방식의 사이트라는 점이다.처음에는 구글의 높은 기술을 믿고 SPA도 SEO 측면에서 잘 될 것이라 ...

보이스코드 실시간 프리젠테이션 자막

보이스코드(voco.kr)에서 새롭게 선보인 기능은 ‘실시간 프리젠테이션 자막’이다.https://voco.kr/stt최근 발표장에는 메인 화면 외에도 사이드에 보조화면이 함께 있는 경우가 많아졌다. 일반적인 경우 이 화면에 발표자의 모습이나 홍보 화면을 띄우는 경우가 많은데, 이를 다른 용도로 활용하는 방법을 소개한다.‘보이스코드 실시간 자막'은 발...

Voice Code - 음성합성과 서비스

텍스트를 음성 합성하고웹에서 바로 서비스하세요.https://www.voco.kr구글의 음성 합성 기술이 텍스트를 보다 자연스러운 목소리로 만들어 드립니다.변환된 음성은 Web으로 즉시 서비스할 수 있습니다.함께 제공되는 QR코드로 음성을 들려주세요. 세계 각 국의 성우를 만나보세요보이스코드는 다양한 언어와 성우의 목소리를 제공합니다. 성우는 언제든지...

[이용후기] Bard vs ChatGPT

구글의 바드(Bard)가 출시된 이후 ChatGPT와 병행해서 프로그래밍에 사용하고 있습니다. 그래도 막강 구글이 출시한 생성형 AI라 많은 기대를 하고 사용했습니다. 결과적으로 지금은 ChatGPT를 주로 사용하게 되더군요. 그 주된 이유를 적어 보겠습니다. 참고로 이 글은 제 개인 의견이라 이견이 있을 수 있다는 점 이해해 주시기 바랍니다. Cha...

DataMon(HMI) Web Monitoring 시스템 구축

돌핀와우의 김정현입니다.다빈소프트 의뢰를 받아 DataMon 모니터링 화면을 웹브라우저에 구현하는 시스템(DataMon Web Viewer)을 제작했습니다. DataMon은 Data Monitoring & Control 소프트웨어 제품으로 DCS, PLC, CNC등의 각종 계전 장치 및 가공 설비로부터 실시간 신호를 취득해 시각화하여 감시 및 ...

[인터뷰] 작지만 성장중인 핵심 기술기업, 다빈소프트

경남에는 기술력 있는 회사가 없다는 이야기를 종종 듣는다. 그래서 수도권, 대도시에 있는 기업에 오더를 준다고들 한다. 정말 경남에는 기술력 있는 회사가 없는 것일까? 혹시 숨어있는 기술기업은 없을까?필자 역시도 경남에서 오랫동안 SW 일을 해왔지만 주변의 동종 업체를 잘 알지 못한다. 어쩌면 엔지니어적인 성품이 교류를 멀리하게 만든 것은 아닐까라는...