@2023/12/03 안녕하세요 lika-7입니다이번시간에는 express.js와 next.js을 함께 사용하면서 서비스 하는 법을 다루겠습니다.

@2023/10/18 안녕하세요 lika-7입니다이번시간에는 PocketBase를 소개하겠습니다.PocketBase란PocketBase로 아주 간단하게 백엔드 서비스를 구축할수 있습니다.이를 이용해 아주 쉽게 백엔드를 구축 할수 있습니다.설치법PocketBase - Open Source backend in 1 fileOpen Source backend in 1 file with realtime database, authentication, file storage and admin dashboardhttps://pocketbase.io/docs/pocketbase.exe를 프로젝트 폴더로 이동사용법./pocketbase serve 엔터Admin UI 클릭admin account 생성하고 create and..

@2023/10/14 안녕하세요 lika-7입니다이번시간에는 TypeSscript를 이용할 때 객체의 type를 자동으로 변환해주는 사이트를 소개하겠습니다. 사용목적분량이 많은 인터페이스를 만들 때 자동으로 형 지정 해주는 프로그램을 이용해 형을 지정하면 휴먼에러를 방지할수 있습니다.사용방법TransformA polyglot web converter that's going to save you a lot of time.https://transform.tools/JSON to TypeScript 클릭변환할 객체 복사크롬의 개발자 도구를 켜서JSON.stringify()를 이용해 변환하고 싶은 객체를 JSON 형식으로 변형console에 나온 데이터를 https://transform.tools/에 붙여 넣기..

@2023/10/06 안녕하세요 lika-7입니다이번시간에는 chorme 웹 브라우저의 개발자 도구에서 network throttling에 대해서 정리하겠습니다.사용목적💡1. Chrome 웹 브라우저의 개발자 도구에서 "Network Throttling"은 네트워크 속도 및 대역폭을 제한하거나 시뮬레이션하는 기능을 제공합니다. 2. 웹 애플리케이션의 성능을 테스트하거나 개발 중에 네트워크 속도가 느린 환경에서 어떻게 동작하는지 확인하기 위해 유용하게 사용합니다.위치우측 상단에 세로 … 클릭도구 더보기 → 개발자 도구Network 탭 클릭No throttling: 기본 선택 옵션 입니다. 본인이 사용하고 있는 네트워크 환경에 따라 동작합니다Offline: 이 옵션을 선택하면 네트워크 연결이 완전히 끊어집니..

@2023/09/22 안녕하세요 lika-7입니다이번시간에는 comment tagged templates의 사용법을 설명하겠습니다 comment tagged templates는?위와 같이 vscode상 js파일에 HTML코드를 작성할 때 코드가 밋밋해 보입니다. 코드에 하이라이트 기능이 적용이 안되는 문제가 있는데 이를 vscode의 확장 기능인 comment tagged templates를 설치하여 해결할 수 있습니다.설치 방법확장 버튼 클릭comment tagged templates 검색comment tagged templates install사용법템플릿 리터럴 코드 앞에다 주석 입력