My Coding World

📌 2주차 세부 계획안: CSS 개념 및 스타일링📅 주당 강의 횟수: 매주 2회, 각 1시간 30분 진행🕒 강의 시간: 총 3시간 (1시간 30분 × 2회)(요일 및 정확한 시간은 관계자와 협의 후 확정)  📌 2주차 1회차 강의 (1시간 30분)🎯 학습 목표CSS의 기본 개념을 익히고, 웹페이지에 스타일을 적용하는 방법을 학습한다.CSS의 선택자와 속성을 이해하고, 기본적인 스타일링을 적용할 수 있다.은성 업무용 웹사이트(eunsung.biz)의 CSS 코드 구조를 분석하고, 기존 스타일을 이해한다.📅 강의 진행 계획시간 강의 내용 실습 활동 비고15분CSS 개요 및 스타일 적용 방법- CSS 개념 및 역할- CSS 적용 방법 (inline, internal, external)HTML 문서에..

📌 1주차 세부 계획안: 웹의 기본 개념 및 HTML 구조📅 주당 강의 횟수: 매주 2회, 각 1시간 30분 진행🕒 강의 시간: 총 3시간 (1시간 30분 × 2회)(요일 및 정확한 시간은 관계자와 협의 후 확정) 📌 1주차 1회차 강의 (1시간 30분)🎯 학습 목표웹의 기본 개념과 동작 원리를 이해한다.HTML의 기본 구조와 주요 태그를 익힌다.은성 업무용 웹사이트(eunsung.biz)의 HTML 코드 구조를 분석하기 위한 기초 지식을 습득한다.📅 강의 진행 계획시간 강의 내용 실습 활동 비고15분웹의 개념과 동작 원리- 인터넷과 웹의 차이- 클라이언트-서버 모델- HTTP, HTTPS 개념질의응답20분HTML 개요 및 문서 구조 이해- HTML 태그 기본 개념- HTML 문서의 기본 구조..

textarea 자동 높이 조절하는 간단한 방법웹사이트를 개발하다 보면 종종 textarea의 높이를 자동으로 조절하고 싶을 때가 있습니다. 기본적으로 textarea는 한 줄 또는 몇 줄까지만 표시되고, 내용이 많아지면 스크롤이 생기죠. 하지만 사용자 경험(UX)을 고려한다면, 내용이 많아질 때 자동으로 높이가 조절되는 것이 훨씬 자연스럽습니다.  오늘은 자바스크립트를 이용해 textarea의 높이를 자동으로 조절하는 방법을 소개하겠습니다. 간단한 코드 몇 줄만으로 깔끔한 UX를 구현할 수 있습니다.textarea 높이 자동 조절하는 코드먼저, 아래의 코드를 HTML 파일에 추가해 보겠습니다. Textarea 자동 높이 조절 코드 설명1. textarea 스타일 설정resize..

회사의 수입검사 리스트에서 그래프 및 통계를 작성하는 코드를 만든 과정을 옮겨봅니다.아래의 결과 화면을 얻는 코드입니다.아래는 주어진 두 코드(수입검사 통계와 수입검사 관리대장)를 참고하여, 경동기업의 수입검사 금액(매입가) 통계를 나타내는 예시 PHP 코드를 작성한 것입니다.이 코드는접속 권한 확인 및 DB 연결기간(날짜) 입력값을 받아서 instock 테이블의 검사일(inspection_date) 기준으로 집계각 납품업체별(테이블의 supplier 컬럼)로 매입가(VAT별도, purchase_price_excl_vat)의 합계를 구함집계 결과를 표와 Highcharts 차트(컬럼 차트)로 출력합니다.아래 코드를 참고하세요. 5) { sleep(1); header("Location:" . $..

HTML의 요소의 글자가 화면 크기에 따라 잘리지 않도록 하기 위해 몇 가지 방법을 적용할 수 있습니다.화면이 잘리는 현상을 보완하고 싶다는 의견이 있었습니다. ✅ 1. width: 100% 설정하기화면 크기에 따라 자동으로 크기가 조절되도록 width: 100%을 적용하면, 부모 요소 크기에 맞게 조절됩니다.input { width: 100%; min-width: 100px; /* 최소 너비 설정 */ box-sizing: border-box; /* padding과 border 포함 */}✅ 2. overflow: hidden; text-overflow: ellipsis; 사용너비가 줄어들었을 때 너무 긴 텍스트가 생략(...)되도록 설정할 수도 있습니다.input { width..

아래의 형태의 셔터의 가이드레일 이미지를 관리하는 로직을 개발중이다.단순 파일선택을 통해 불러오는 구조가 아닌, 윈도우 화면 캡쳐기능을 추가한 편리한 이미지 저장로직을 만들고자 한다.  chatGPT 4.0 기준으로 다시금 코드를 재생산 해본다.아래의 코드는 guiderail을 json, 형태로 조건값과 이미지를 저장하는 코드이다.기존의 이미지를 단순하게 파일찾기 기능으로 추가하던 코드를 drop 및 윈도우 화면캡쳐 기능을 추가하는 코드를 삽입했다.기존의 단순 이미지를 불러와서 저장하는 방식에서 좀더 UI를 개선하는 코드를 넣었다.이제 기존의 이미지를 저장하는 로직에서 drop Area 및 화면 캡쳐 기능이 작동하게 코드를 일부 수정해줘.기존의 이미지처리부분의 로직을 수정해주길 바랍니다. 5) { ..

PHP를 활용하여 문자열에서 특정 단어가 포함되었는지를 확인하는 방법은 매우 다양하다. 특히, 데이터베이스에서 가져온 값이나 사용자 입력값을 필터링할 때 특정 단어가 포함되어 있는지를 확인해야 하는 경우가 많다. 이번 글에서는 strpos() 함수를 활용하여 특정 단어가 존재하는지 확인하는 방법을 초보자도 쉽게 이해할 수 있도록 설명한다. 특정 단어가 포함되어 있는지 확인하는 기본 방법가장 간단하게 특정 문자열이 포함되었는지 확인하는 방법은 strpos() 함수를 사용하는 것이다. strpos() 함수는 문자열 내에서 특정 단어가 처음 등장하는 위치를 반환하며, 해당 단어가 없을 경우 false를 반환한다.예제 코드$text = "이 문장은 방범 시스템에 대한 설명입니다.";$keyword = "방범";..

부트스트랩 개발회사의 직원수 및 위치등 기업에 대한 정보를 알려주세요. GPT의 말: 담아봅니다.죄송합니다만, '부트스트랩(Bootstrap)'은 Twitter에서 개발한 오픈 소스 프론트엔드 프레임워크로, 특정 기업이 아닌 전 세계 개발자 커뮤니티에 의해 유지 및 발전되고 있습니다. 따라서 부트스트랩과 관련된 직원 수나 위치 등의 기업 정보를 제공하기는 어렵습니다.만약 '부트스트랩'이라는 이름의 특정 기업을 찾고 계시다면, 예를 들어 '트리거테크㈜'라는 응용 소프트웨어 개발 및 공급업체가 있습니다. 이 회사는 2016년 설립되었으며, 서울 강남구 학동로6길 15 정우빌딩 301호에 위치하고 있습니다. 현재 직원 수는 10명으로 알려져 있습니다. citeturn0search3또한, '부트스트래핑..