- 자바스크립트로 복사하기 버튼 만들기 아래 코드는 버튼을 클릭하면 입력된 텍스트를 클립보드에 복사하는 예제이다. 이 코드를 사용하면 'textToCopy'라는 ID를 가진 요소 안에 있는 텍스트를 복사한다. 클립보드에 복사된 후에는 경고 창으로 "Text copied to clipboard"와 함께 복사된 텍스트가 표시된다. - index.html Copy Text - copyButton.js // 버튼 요소 가져오기 const copyButton = document.getElementById('copyButton'); // 버튼에 클릭 이벤트 리스너 추가 copyButton.addEventListener('click', function() { // 복사할 텍스트를 가져오기 const textToCop..

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

- 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)은 웹 개발에 있어 주요한 접근 방식이며, 각각의 방법은 웹 애플리케이션을 구축하고 렌더링하는 방식에 있어 서로 다른 접근을 제공한다. 1. 서버 사이드 렌더링(SSR) 웹 애플리케이션의 초기 요청 시 서버 측에서 HTML을 생성하여 클라이언트에 전달하는 방식이다. 이후에는 클라이언트 측에서 JS 파일을 다운로드하고 초기 렌더링을 받은 HTML을 해당 스크립트로 인터랙티브하게 만든다. SEO(검색 엔진 최적화)에 유리하며, 초기 로딩 시간이 짧은 것이 특징이다. - SSR 장점 SEO에 유리하며, 초기 로딩 시간이 짧음 일부 장치에서는 클라이언트 사이드 렌더링보다 더 나은 성능을 보임 - ..

- 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'

- 책 정보 “창업을 시작할 때 가장 처음 읽어야 할 책” 인재 채용부터 재무회계, 마케팅, 투자유치까지 헤매느라 정신없는 창업자를 위한 스타트업 운영 비법 스타트업 대표가 각자의 전문 분야에 집중하며 투자만 받으면 된다고 생각한다면, 당신은 창업할 준비가 안 된 것이다. 창업 초기 대표들은 쉴 새 없이 터지는 문제와 물리적으로 산적해 있는 업무를 쳐내느라 정신이 하나도 없다. 이때 사업 운영 시 맞닥뜨릴 수 있는 리스크와 창업자가 반드시 숙지해야 할 사항이 무엇인지 알고만 있어도 스타트업의 생존 확률이 높아진다. 이 책은 누구도 말해주지 않던 8년간의 스타트업 운영 경험을 낱낱이 공개한다. 창업자가 당장 오늘이라도 직면할 수 있는 각종 현실적인 문제와 ‘진짜 스타트업 현장’을 말한다. 쏟아지는 운영 업..