웹개발

자바스크립트를 사용하여 HTML 요소를 동적으로 생성하고 관리하는 것은 웹 개발에서 필수적인 기능입니다. 이 글에서는 요소를 생성하고, 부모-자식 관계로 추가하는 방법, 그리고 형제 요소로 추가하는 방법에 대해 설명하겠습니다. 1. 요소 생성하기 - createElement() createElement() 메서드는 새 HTML 요소를 생성합니다. 예를 들면 다음과 같이 사용할 수 있습니다. const hello = document.createElement("h1")는 요소를 생성합니다. 2. 부모-자식 관계로 요소 추가하기: appendChild()와 append() appendChild()와 append()는 선택된 객체의 자식 요소로 인수를 추가합니다. 2.1 append() 문자열 또는 여러 요소를..

군대에 입대하기 전에 가장 먼저 찾아보는건 전역일이 언제인가? 를 찾아보게 됩니다. 이번 글에서는 전역일계산기를 자바스크립트를 이용해서 만들어보도록 하겠습니다. 이 계산기는 복무 시작일과 전역일을 자동으로 계산하여 복무 기간을 쉽게 관리할 수 있도록 도와줍니다. 이 글은 특히 프로그래밍에 관심 있는 분들에게 유용할 것입니다. 1. 전역일 계산기의 기능 이 전역일 계산기는 다음과 같은 기능을 제공합니다. 프로세스는 아래 구성도와 같습니다. 사용자로부터 복무 시작일을 입력받음 입력받은 날짜를 기준으로 전역일 계산 계산된 전역일과 남은 복무일수를 화면에 표시 2. HTML 구조 설정 1. 입력 필드와 버튼 생성 사용자로부터 복무 시작일을 입력받을 수 있는 텍스트 필드와 전역일을 계산하는 버튼을 만듭니다. 복무..

티스토리 블로그에서 발생하는 광고 문제를 해결하기 위한 자바스크립트에 대해 공유하려고 합니다. 티스토리 블로그를 운영하시는 분들 중에는 카카오 애드핏을 이용하여 광고를 노출시키는 경우가 있을 것입니다. 하지만 때로는 광고가 블로그의 디자인과 어울리지 않아 노출을 원치 않는 경우가 발생할 수 있습니다. 이런 경우, 자바스크립트를 활용하여 광고를 자동으로 삭제하는 방법을 알려드리겠습니다. 티스토리광고 카카오애드핏 자동으로 들어가는 문제발생 티스토리광고인 카카오애드핏 광고를 따로 넣지 않았는데, 글의 상단 혹은 하단에 자동으로 들어가고 있더라구요. 이는 의도한바가 없음에도 카카오에서 광고를 강제로 넣고 있는 상황입니다. 관련해서 작성했던 글은 아래의 링크를 참고하시면 됩니다. 티스토리자체광고수익반토막보기 ➔ ..

CORS(Cross-Origin Resource Sharing)는 웹 개발자들 사이에서 빈번하게 논의되는 주제입니다. 하지만 웹사이트 개발에 있어서 필수 보안 정책입니다. 웹사이트를 만들 때 마주치는 다양한 도전 중 하나인 CORS는 특히 REST API 서버 개발 시 중요한 역할을 합니다. 이 글에서는 CORS가 웹사이트 개발을 어렵게 만드는 이유와 그 중요성에 대해 설명하겠습니다. 이글을 쓴 이유는 REST API서버를 만들었는데 fetch 에러났습니다. [Nodejs] RestAPI 서버를 만들었는데 TypeError: Failed to fetch 에러 앞선 포스트에서 Node.js를 사용하여 RESTful API 서버를 만들었으나, 클라이언트에서 요청을 보낼 때 "TypeError: Failed ..