![]()
최근 웹 개발의 트렌드는 빠르게 변화하고 있으며, 이러한 변화의 중심에는 다양한 프론트엔드 기술들이 있습니다. 그 중에서도 jQuery는 한때 웹 개발의 필수 요소로 여겨졌지만, 현재는 많은 개발자들이 jQuery를 멀리하는 경향을 보이고 있습니다. 이 글에서는 jQuery를 사용하지 않는 주요 이유들을 분석하고, 현대 웹 개발 환경에서의 대안들을 살펴보겠습니다. 1. 최신 브라우저의 표준화와 호환성 브라우저 호환성 개선 초기 웹 개발에서 jQuery는 다양한 브라우저 간의 호환성 문제를 해결하는 데 큰 역할을 했었지요. 하지만 최신 브라우저들은 대부분 ECMAScript 표준을 잘 준수하고 있어, 이러한 호환성 문제가 크게 감소하게됩니다. 표준 API 사용 증가 최신 브라우저는 DOM 조작 및 이벤트 ..
![]()
웹 개발에서 URL의 쿼리스트링을 통해 사용자로부터 데이터를 전달받는 경우가 많습니다. 쿼리스트링은 URL 주소 뒤에 붙는 key-value 쌍의 집합으로, 각각의 정보는 '&' 기호로 구분됩니다. 예를 들어 https://devit.koreacreatorfesta.com?&query1=aaa&query2=ㅁㅁㅁ&query3=333와 같은 형태의 URL에서 query1, query2, query3 등의 값을 자바스크립트로 어떻게 추출할 수 있을까요? 본문에서는 URLSearchParams 객체를 이용한 쿼리스트링 값의 추출 방법에 대해 설명드리겠습니다. 1. URLSearchParams 객체란? URL의 쿼리스트링을 쉽게 다룰 수 있도록 설계된 웹 API입니다. location.search를 인자로 받아..
![]()
프로젝트를 진행하면서 일정을 그려야 하는 일이 많습니다. 특히 개발 프로젝트의 경우, 각 단계의 일정과 진행 상황을 명확하게 파악하고 팀원들과 공유하는 것이 중요합니다. 저는 보통 ppt나 엑셀 문서에 작성하고, 이미지로 저장해서 문서에 붙여넣기도 합니다. 이러한 맥락에서 간트차트는 프로젝트의 전반적인 일정과 각 작업의 진행 상황을 시각적으로 표현하며 관리하는 데 유용한 도구입니다. Mermaid는 마크다운 기반의 차트 및 다이어그램을 그릴 수 있는 라이브러리로, 간트차트를 쉽고 빠르게 작성할 수 있습니다. Mermaid 설치 및 설정 웹 기반의 Mermaid Live Editor를 사용하거나, 로컬 환경에서 Mermaid를 설치하여 사용할 수 있습니다. 자세한 사용법은 다음의 포스팅을 참고하시면 하실 ..
![]()
보통 UML 다이어그램이나 차트를 그릴 때는 PPT나 다른 복잡한 도구들을 사용하는 경우가 많다. 하지만 이런 도구들로 블로그나 웹사이트에 삽입하기에는 너무나 번거로운 경우도 있다. 그러던 중, Markdown 구문만으로도 다양한 다이어그램과 차트를 그릴 수 있는 간편한 도구인 Mermaid를 발견하게 되었다. Mermaid의 개요 Mermaid | Diagramming and charting tool Mermaid Diagramming and charting tool JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamica..
