[js] 시간 formatting 하기

날짜를 필요한 형식 (YYYY-MM-DDTHH:MM:SS)으로 변환/** * NOTE: 날짜를 필요한 형식(YYYY-MM-DDTHH:MM:SS)으로 변환 * @function formatToSimpleISOString * @param {string} dateString - 날짜 문자열 * @returns {string} - 변환된 날짜 문자열 */const formatToSimpleISOString = (dateTimeStr) => { const date = new Date(dateTimeStr); const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, '0'); const day =..

• format_list_bulleted JavaScript/실무
• · 2024. 12. 18.
• textsms

[Tool] Cursor AI IDE

Cursor 란? Cusor - The IDE desined to pair-program with AI.Cursor는 Anysphere라는 외국계 AI 소프트웨어 연구실에서 개발한 AI 기반 코드 에디터이다. 기존의 코드 편집기와는 달리, AI 기술을 통해 개발자의 의도를 이해하고 코드 작성을 지원한다. 주요 특징AI 기반 코드 제안 및 자동 완성자연어로 코드 생성 가능실시간 오류 감지 및 수정 제안다양한 프로그래밍 언어 지원직관적인 사용자 인터페이스VS CODE를 Forking 해서 만든 프로젝트VS CODE의 모든 기능 및 확장 프로그램 사용 가능코드베이스 인덱싱privacy mode 지원 설치Cusor[0] 설치중 [1] 설치 후 화면 셋팅 [2] VSCode에서 사용하던 Extension 가져오기..

• format_list_bulleted Tools/이모저모 툴
• · 2024. 11. 26.
• textsms

[Web] 🍭웹 팝업의 종류와 구현 방법(레이어 팝업, 모달리스 팝업, 모달팝업)

웹 팝업은 사용자의 경험과 상호작용에 큰 영향을 미치는 중요한 UI 요소이다. 최근에 프로젝트를 하면서 메인 페이지에 몰아져 있는 팝업 코드들이 코드가 길어짐에 따라 정리가 안되는 것 같아서 팝업에 대한 내용을 한번 정리하고 따로 파일로 구분해보려고 한다.이번에는 레이어 팝업, 모달리스 팝업, 모달 팝업의 개념, 특징, 장단점, 사용 사례, 구현 방법을 자세히 설명하고, 비교해보려고 한다. 1. 레이어 팝업 (Layer Popup)개념레이어 팝업은 웹 페이지 내부에서 특정 위치에 고정된 팝업페이지 레이아웃의 일부처럼 보이며, 배경과 상호작용이 가능특징페이지 흐름을 방해하지 않음특정 위치에 고정되거나 페이지 스크롤에 따라 움직이지 않음사용자가 배경과 자유롭게 상호작용 가능장점사용자 흐름을 크게 방해하지 않..

• format_list_bulleted web_dev
• · 2024. 11. 25.
• textsms

[JS] 자주쓰는 정규표현식

정규 표현식 생성1) 정규 표현식 리터럴을 이용한 생성방식const regexp = /hello/i;리터럴이란?변수의 값이 변하지 않는 데이터 그 자체를 의미한다.슬래시(/)와 슬래시(/) 사이에 검색할 문자열 패턴을 넣고, 슬래시가 끝나는 순서에 필요에 따라 플래그를 추가할 수 있다.정규표현식 리터럴을 사용하는 것이 일반적인 방법이며, 리터럴을 사용하면 정규 표현식 객체가 생성된다. 플래그플래그는 정규표현식의 옵션이므로 선택적으로 사용이 가능하다.순서와 상관없이 하나 이상의 플래그를 동시에 설정할 수 있다.플래그를 사용하지 않는 경우에는 문자열 내 검색 대상이 1개 이상이더라도 첫번째 조건 대상만을 검색하고 종료하게 된다.대표적인 플래그i (ignore case): 대소문자를 구별하지 않고 검색한다.g..

• format_list_bulleted JavaScript/실무
• · 2024. 11. 12.
• textsms

[DOCS] API 문서

1. 문서의 목적과 대상 정의- 목적: API 문서의 목적을 명확히 해야 한다. 개발자가 API를 빠르게 이해하고 효율적으로 사용할 수 있도록 돕는 것이 주 목적이다.- 대상: 문서를 사용할 대상자를 정의한다. 주로 다른 프론트엔드 개발자, 백엔드 개발자 또는 API를 사용할 어떤 소프트웨어 엔지니어가 대상일 수 있다. 2. 문서의 기본 구조 설정API 문서의 기본 구조는 일반적으로 다음과 같다.- 소개: API의 개요, 사용 목적, 주요 기능 설명.- 인증 방법: 사용자 인증을 위한 방법 설명(API 키, 토큰 등)- 에러 코드: 공통 에러 코드 및 그 의미 설며.- 엔드포인트: 각 API 엔드포인트의 상세설명, 요청 방식, 파라미터, 응답 데이터 등 1) 엔드포인트 상세 설명- 경로(URL): 엔드포..

• format_list_bulleted web_dev
• · 2024. 5. 7.
• textsms

[Tool]intelliJ 단축키

일반단축키설명Alt + 0-9각 단축키에 해당하는 도구창 열기Ctrl + S모두 저장Ctrl + Shift + F12에디터 영역을 최대크기로 토글Ctrl + Alt + S설정 열기Ctrl + Alt + Shift + S프로젝트 구조(Project Structure) 열기Shift + Shift검색 열기 디버깅단축키설명F8다음 라인으로 이동F7현재 메소드로 들어가기Shift + F8현재 메소드를 호출한 곳으로 가기Alt + F9포커스 되어 있는 라인으로 이동Alt + F8현재 라인에서 사용 가능한 모든 코드를 실행F9다음 브레이크 포인트까지 진행 검색단축키설명Shift + Shift검색 열기Ctrl + Shift + F문자열 검색창 열기Ctrl + F현재 파일에서 검색F3 / Shift + F3검색 결과에..

• format_list_bulleted Tools/[젯브레인]IntelliJ
• · 2024. 4. 30.
• textsms