[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