My Coding World

웹 개발을 하다 보면 특정 날짜를 기준으로 이전 날짜나 특정 조건을 만족하는 날짜를 계산해야 하는 경우가 종종 있다. 예를 들어, 특정 월의 첫 번째 날에서 더 이전인 날짜를 구하는 상황을 상상해보자. 이번 글에서는 PHP를 사용하여 전달의 첫날에서 전전달의 29일로 날짜를 변경하는 방법을 쉽게 이해할 수 있도록 설명해보겠다. 전달의 1일 구하기PHP에서 날짜 계산은 매우 간단하다. 우선, 특정 월의 첫날을 구하는 방법을 알아보자. PHP의 date와 strtotime 함수를 활용하면 원하는 날짜를 간단히 계산할 수 있다.다음은 전달의 1일을 계산하는 코드이다:$previousMonthFromDate = date("Y-m-01", strtotime($previousMonth . '01'));위 코드에서 ..

데이터베이스를 설계하고 운영하다 보면, 예상치 못한 오류를 만날 때가 있습니다. 특히, 테이블의 PRIMARY KEY가 올바르게 설정되지 않은 경우, 삽입할 데이터를 관리하는 데 어려움을 겪을 수 있습니다. 이번 글에서는 PRIMARY KEY와 AUTO_INCREMENT 설정이 누락되었을 때 발생할 수 있는 문제와 이를 해결하는 방법을 단계별로 살펴보겠습니다.문제 상황: PRIMARY KEY와 AUTO_INCREMENT 누락어느 날, 아래와 같은 테이블이 있다고 가정해 봅시다:CREATE TABLE `steelcompany` ( `num` INT NOT NULL, `company` VARCHAR(20) DEFAULT NULL, PRIMARY KEY (`num`)) ENGINE=InnoDB DEFAU..

삼각형의 빗변과 밑변을 구하는 엑셀 수식 정리삼각형 계산은 설계나 기하학 문제를 다룰 때 흔히 필요합니다. 특히 엑셀에서 삼각함수를 활용하면 이러한 계산을 간단하게 수행할 수 있습니다. 이번 글에서는 주어진 높이와 각도를 활용해 직각삼각형의 빗변과 밑변을 계산하는 방법을 다뤄보겠습니다.  문제 상황높이와 각도를 알고 있을 때, 이 데이터를 바탕으로 직각삼각형의 빗변과 밑변을 계산하려고 합니다. 가령 다음과 같은 조건이 주어졌다고 가정해봅시다:높이(h): 240 (H8 셀에 입력된 값)각도(θ): 10° (S8 셀에 입력된 값)높이에 10을 더한 값을 기준으로 삼각형의 빗변과 밑변을 구하고 싶습니다.이제 이를 엑셀에서 계산하는 수식을 하나씩 살펴보겠습니다.빗변 계산하기삼각형의 빗변은 높이와 각도를 기준으로..

dim_angular(doc, 30091.217969999998, 287.5, 30991.217969999998, 287.5, 30091.217969999998, 287.5, 30019.217969999998, 729.5, 100, direction='right') 위와 같은 치수로 전송이 되었는데, 각도가 표시는 된다. 하지만, 각을 표시하는 치수선과 글씨가 반대쪽으로 나오는 현상이 있다. 예를 들어 45도를 표시하는데, 반대로 각을 표시하고 315도가 표시되는 것이다. 이를 해결하려면?ezdxf에서 add_angular_dim_2l() 함수로 각도 치수를 표시할 때, 두 선분(line1, line2)의 방향(순서)에 따라 **‘작은 각(45°)’이 아닌 큰 각(315°)’**이 잡히는 현상이 발생할 ..

트랜섬의 BACK COVER 설계는 정밀한 치수 계산과 전개도의 정확한 작성이 필수적입니다. 이번 글에서는 백커버를 설계하고 전개도를 작성하는 과정을 자세히 살펴보겠습니다. 이 글은 초보자도 쉽게 따라 할 수 있도록 작성되었으며, 실제 코드와 함께 설계 과정을 친절히 설명합니다. BACK COVER의 위치 설정먼저, 백커버의 위치를 설정해야 합니다. 백커버는 자동차 트랜섬의 프레임 좌표를 기준으로 위치가 결정됩니다. 예를 들어, 아래 코드는 프레임 좌표와 스케일 값을 기반으로 백커버의 초기 위치를 계산합니다:pagex, pagey = frameXpos, frameYpos + 1123 * frame_scale rx = math.floor(pagex)ry = math.floor(pagey)x1 = rx..

웹 애플리케이션에서 숫자를 입력받을 때, 사용자 경험(UX)을 향상시키는 방법 중 하나는 숫자를 입력하는 즉시 3자리마다 콤마를 추가하고 소수점도 올바르게 처리하는 것입니다. 특히 재무, 통계, 또는 계산 관련 애플리케이션에서는 숫자 포맷팅이 매우 중요합니다. 이번 글에서는 소수점을 포함한 숫자 입력 필드에서 실시간으로 포맷을 적용하는 JavaScript 코드를 소개합니다.숫자 포맷팅의 필요성사용자가 숫자를 입력할 때, 값이 단순히 나열된 숫자라면 큰 값일수록 읽기가 어렵습니다. 예를 들어, "1234567.89"와 "1,234,567.89" 중 어느 쪽이 더 보기 쉽나요? 당연히 후자가 더 직관적입니다.또한, 숫자 입력 과정에서 소수점이 사라지거나 입력한 값이 이상하게 처리되면 사용자에게 큰 혼란을 줄..

웹사이트를 제작하다 보면 버튼이나 아이콘 위에 간단한 정보를 제공하고 싶을 때가 있습니다. 이때 유용하게 쓸 수 있는 것이 바로 **툴팁(Tooltip)**입니다. 툴팁은 사용자가 특정 요소 위에 마우스를 올렸을 때 작은 팝업 형태로 추가 정보를 제공하는 UI 요소입니다. Bootstrap은 이러한 툴팁을 손쉽게 구현할 수 있도록 강력한 도구를 제공합니다. 이번 글에서는 Bootstrap 툴팁의 기본 설정 방법부터 방향 설정까지, 실전 예제를 통해 알아보겠습니다.툴팁의 기본 설정 방법Bootstrap에서 툴팁을 사용하려면 HTML 요소에 필요한 속성을 추가하고, JavaScript를 통해 초기화 작업을 해주어야 합니다. 예를 들어, 버튼 위에 "여기를 클릭하세요"라는 메시지를 툴팁으로 보여주고 싶다면 다..

파일 업로드는 많은 웹 애플리케이션에서 중요한 기능입니다. 특히 사용자로부터 이미지를 업로드받거나 첨부 파일을 관리해야 하는 경우, 직관적이고 효율적인 파일 업로드 시스템이 필요합니다. 이번 글에서는 JavaScript와 jQuery를 활용해 간단한 파일 업로드 및 관리 시스템을 만드는 방법을 설명합니다. 초보자도 따라 할 수 있도록 단계별로 풀어내 보았습니다. 드래그 앤 드롭과 파일 선택의 조합먼저, 파일 업로드의 핵심은 사용자가 쉽고 편리하게 파일을 업로드할 수 있도록 하는 것입니다. 드래그 앤 드롭 방식과 파일 선택 버튼을 동시에 제공하면 사용자 경험이 크게 향상됩니다. 아래 코드는 드래그 앤 드롭 영역을 설정하고, 파일이 드래그되었을 때와 드롭되었을 때의 동작을 정의합니다.const dropAre..