- 도서 서평 도서 서평 내용 이 책은 SPA와 REST API 서버를 개발하는 과정을 실제 실무 코드와 함께 다루어, 프런트엔드 개발자로써 필수적인 기술을 습득할 수 있도록 도와준다. 타입스크립트 기반의 리액트 프로그래밍은 현대적인 웹 개발에서 매우 중요한 위치를 차지하고 있는데, 이 책은 그러한 추세를 반영하여 타입스크립트와 리액트를 함께 학습할 수 있는 효과적인 방법을 제시한다. 리액트 훅, 리덕스, 라우팅 등의 핵심 개념부터 테일윈드CSS를 활용한 스타일링까지 포괄적으로 다루면서, 초보자부터 숙련자까지 모두가 이해하기 쉽도록 설명되어 있다. 뿐만 아니라, 오류를 방지하고 성능을 향상시키는 최적화 기법과 타입스크립트의 글로벌 수준 코드 패턴에 대한 이해도 높일 수 있었고 이러한 내용을 토대로 프로젝..

- JavaScript에서 URL 마지막 슬래시 제거하기 문자열이 슬래시('/')로 끝나는지 확인하고 만약 그렇다면 슬래시를 제거한 새로운 문자열을 반환, 그렇지 않은 경우에는 원래 문자열을 그대로 반환하는 함수를 만들어 볼 것이다. function removeTrailingSlash(str) { if (str.endsWith('/')) { return str.slice(0, -1); } return str; } - 사용 예시 var url = 'https://test.com/'; var trimmedUrl = removeTrailingSlash(url); console.log(trimmedUrl); // 'https://test.com'

- 정규표현식으로 텍스트 내 이메일 주소 찾기 1. 정규표현식이란? 정규표현식은 텍스트에서 특정한 패턴을 찾거나 매칭시키는데 사용되는 도구다. (이메일 주소나 전화번호와 같은 특정한 형식을 가진 문자열을 찾거나 대체할 때 유용하다.) 2. 텍스트 내 이메일 주소 찾기 아래는 이메일 주소를 찾는 데 사용할 수 있는 간단한 정규표현식이다. const text = "문자열 내에 이메일 주소 example@email.com을 찾아봅시다."; // 이메일 주소를 찾기 위한 정규표현식 const emailRegex = /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/g; const foundEmails = text.match(emailRegex); console.log..

- Riddle-Game : 율법언덕부터 해설자의 집 전까지 23년의 끝을 달리며, 질질 끌던 프로젝트를 종결해야겠다는 마음을 먹었다. 그 중 첫 번째, 천로역정을 주제로 한 미궁게임 Riddle-Game이다. 천로역정 : The Pilgrim's Progress 멸망도시를 떠나 천국도시로 향하는 크리스천의 이야기 riddle-game.github.io 원래는 좀 더 스토리가 있으나.. 갱브로와 나 모두 현생에 치여 정리할 수 없었다. 그나마 정리된 스토리 또한 갱브로가 초반에 정리해준 것..🥲 빠르게 만들기 위해 기존 Boot로 만든 프로젝트는 날리고.. jQuery와 Bootstrap를 중점적으로 이용하고 github로 웹 배포했다. (jQuery를 쓴 이유는 Bootstrap 테마와 fullpage..

- 자바스크립트에서 두 날짜 사이 비교하기 Date 객체의 getTime() 메서드를 사용하면 해당 시간을 밀리초 단위로 환산하게 된다. 이 메서드를 활용하면 두 날짜를 비교할 수 있다. 초 : 1000 분 : 1000 * 60 시 : 1000 * 60 * 60 일 : 1000 * 60 * 60 * 24 월 : 1000 * 60 * 60 * 24 * 30 년 : 1000 * 60 * 60 * 24 * 365 // 일 차이 구하기 const getDateDiff = (d1, d2) => { const date1 = new Date(d1); const date2 = new Date(d2); const diffDate = date1.getTime() - date2.getTime(); return Math.ab..