메로그

hyvor talk 이란? 하이버톡은 웹사이트와 블로그에 통합하여 방문자가 기사 및 게시물에 댓글을 남길 수 있는 댓글 플랫폼입니다. 간단하고 사용자 친화적인 댓글 시스템을 제공하여 사용자가 서로 쉽게 토론에 참여할 수 있습니다. Hyvor Talk의 일부 기능에는 실시간 알림, 사이트 소유자를 위한 중재 도구, 다국어 지원, 웹사이트 스타일에 맞게 댓글 섹션의 모양을 사용자 지정할 수 있는 기능 등이 있습니다. Hyvor Talk는 또한 모든 데이터를 유럽에 위치한 서버에 저장하고 GDPR 규정을 준수하는 등 사용자 개인정보 및 데이터 보호를 최우선으로 생각합니다. 전반적으로 독자와 소통하고 콘텐츠를 중심으로 커뮤니티를 구축하고자 하는 웹사이트 소유자에게 유용한 도구입니다. v2가 안정화 버전으로, v..

rubberduck vscode 에서 chatGPT 를 활용한 익스텐션 제공 사용방법 vscode 에서 rubberduck 을 다운로드 받아준다. openAI 에서 api 주소를 받아서 등록해준다. 사용하면 끝!! 회고 요즘 chatGPT 가 매우 핫한데, vscode 에도 익스텐션으로 제공한다길래 사용해봄. 생각보다 개발적으로 꽤나 생산성이 느껴져서 앞으로 기대감이 더 큼.

POC(Proof of Concept) 신기술을 프로젝트에 도입하기 앞서 검증하는 목적으로 사용함. Pilot 어느정도 검증된 기술을 가지고 소규모로 프로젝트를 해보는 시험 프로젝트 BMT(Bench Marking Test) 실제와 같은 동일한 시험환경에서 제품의 성능에 대해 비교시험을 반복해서 객관적으로 평가하는 것.

시맨틱 태그란? 시맨틱 태그란 의미가 있는 태그를 말한다. div 태그를 사용해서 영역을 만드는 것이 아닌, header, main, footer 와 같은 의미가 있는 태그를 이용하는 것을 말한다. 시맨틱 태그를 사용하는 이유 검색엔진 최적화 (SEO) 검색엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 웹사이트의 내부에 담긴 정보를 토대로 사이트를 분석한다. 그런 경우에, 시맨틱 태그를 사용하면 더 정확한 구조로 분석할 수 있도록 도와준다. HTML 구조화 HTML 에 코드가 구조화 되어 가독성 및 유지보수가 향상된다. 종류 header: 헤더 영역에 대한 태그. nav: 네비게이션 영역에 사용하는 태그. section: article 보다 큰 영역을 나타낼 때 사용하는 태그. aside: ..

dependencies, devDependencies 차이 우리가 노드모듈을 설치하다보면, package.json 에 dependencies, devDependencies 를 접하게 될텐데, 이의 차이점을 알아보자. 생각보다 간단하다. 우리가 설치할 때, --save-dev, -D 같은 명령어를 붙여서 설치하면 devDependencies 로 설치되게 된다. 이는 개발할 때 개발용으로 사용할 라이브러리를 설치하는 것이고 배포시에는 포함되지 않는다. 동작과는 연관이 없는 모듈을 설치 해주면 되는 것이다. 사용하는 이유 사용하는 이유는 용량 때문이다. 우리가 배포시 필요없는 모듈도 같이 올라간다면 그만큼 용량도 커지고 리소스를 잡아먹게 된다. 불필요한 라이브러리를 포함시키지 않기 위해 사용하는 것이다.

TIL Today I Learned 의 약자로 내가 당일에 공부하게된 내용을 적는 것을 말합니다. 나 같은 경우에는, 공부한 내용을 정리하여 블로그 또는 개인 노트에 정리하는데, 그러다보니 생각보다 불필요한 시간이나, 관리가 소홀해지는 문제가 발생하였습니다. 그래서 이를 해결하기 위해 깃허브에 TIL 레파지토리를 만들어 하루하루 공부한 내용을 올리게 되었습니다. 최근에는 Vue 관련 프로젝트를 하면서 생긴 이슈, 간단한 문법의 경우 블로그에 일일히 정리해서 올리기보다는 한줄노트 형식으로 TIL 에 작성해보고 있습니다. 그러다보니 정리한 내용을 한 번 보면, 생각보다 하루 커밋된 내용이 간단하고 읽기 편해 총 정리된 내용은 블로그에 올리는 형식으로 해볼까~? 하고 둘 다 잘 사용할 수 있는 방법을 생각하고..