IT tech Coding/html11 재고파악하는 구조 프로그램 연구 연구과제 : 재고파악하기(주) 한산엘테크의 재고량을 조사해서 해당자재의 재고가 있는지를 판단하고 있다면, 화면에 수량을 보여주는 버튼이다.function searchStock(){ // 한글,소문자대문자영어,숫자만 읽는 정규식 // const regex = /^[ㄱ-ㅎ|가-힣|a-z|A-Z|0-9|]+$/; // 영어와 숫자만 읽는 정규식var arr1 = ; var arr2 = ;var arr3 = ; var arr4 = ; // console.log('원자재 Full name ' + arr1); console.log(arr3); var a = $('#item').val(); var b = $('#spec').val(); var c = $('#company')... 2025. 1. 20. 웹 페이지 로딩 화면 구현하기: 초보자도 쉽게 따라 할 수 있는 가이드 웹 개발을 하다 보면, 사용자 경험(UX)을 향상시키기 위해 다양한 방법을 고민하게 됩니다. 그중 하나가 바로 로딩 화면을 추가하는 것입니다. 특히 데이터 로드나 처리 시간이 길어질 경우, 로딩 화면은 사용자가 현재 상황을 이해하고 기다릴 수 있도록 돕는 중요한 요소입니다. 이번 글에서는 HTML, CSS, jQuery를 활용해 간단한 로딩 화면을 구현하는 방법을 소개하겠습니다.1. 로딩 화면이란?로딩 화면은 웹 페이지나 애플리케이션이 특정 작업을 처리하는 동안 사용자에게 진행 상황을 알려주는 역할을 합니다. 예를 들어, 서버에서 데이터를 가져오는 동안 아무런 표시 없이 빈 화면이 보인다면 사용자는 당황하거나 오류로 오해할 수 있습니다. 하지만 "잠시만 기다려 주세요"라는 메시지와 함께 로딩 애니메이션이.. 2024. 12. 17. [html] 테그를 사용해서 기존의 이미지를 놓고 그 위에 input 요소를 배치할 수 있는가? 태그는 그래픽을 그리는 데 사용되며, HTML 요소를 직접적으로 내에 배치할 수는 없습니다. 그러나 이미지 위에 요소를 배치하는 방법은 가능합니다. 이를 위해서는 태그와 별도로 이미지와 요소를 포함한 HTML 구조를 만들어야 합니다. 아래는 이미지를 배경으로 하고 그 위에 여러 개의 요소를 배치하는 방법의 예입니다.HTML 코드: html 코드 복사 설명: .image-container: 이미지와 요소를 감싸는 컨테이너입니다. position: relative;를 사용하여 내부 요소들이 이미지 위에 위치하도록 설정합니다. .input-overlay: 각각의 요소를 이미지 위에 배치합니다. position: absolute; 속성을 사용하여 원하.. 2024. 9. 29. 개발중입니다. 라고 화면에 표시하기... 코드 현재개발중입니다. (미완성) 위의 코드로 여러가지 구실을 합니다.위와 같이 보여주면 좋을 것 같아서 만들어 봅니다.실제 코드 전체">">"> × 현재개발중입니다. (미완성) --> .. 2024. 9. 9. IME 문제로 키보드 안될때, 한글 입력시 rㅏ 이런식을 될때 컴퓨터를 20년 넘게 사용하면서 IME에 대해서 깊게 생각해 본적이 없는데, 웹의 grid에 한글이 '가'라고 입력하면 'rㅏ' 이런식으로 입력하는 문제가 발생해서 이것저것 찾아보는 중입니다. 지금 사용하는 노트북에서 이상하게 키보드를 연결해서 쓰면 문제가 없는데, 띠고 쓰면 한영키가 잘 안먹는 문제도 마침 있어서, 정리해 보고자 합니다. IME는 입력기 또는 입력 방식 편집기(input method editor, IME)는 한글, 한자처럼 컴퓨터 자판에 있는 글자보다 수가 더 많은 문자를 계산하거나 조합하여 입력해 주는 시스템 소프트웨어이다. 이것이 자꾸 문제가 되면 제거하는 것이 좋다는 글이 있어서 실제 제거해 봅니다. 윈도우 + R키를 눌러 실행해 봤습니다. ? 화면에 변화는 없는데, 잠시 깜빡이다.. 2023. 3. 4. yml 파일은 도대체 뭔가? YAML(YAML Ain't Markup Language) 파일은 데이터 구조 및 구성 파일을 저장하는 데 사용되는 사람이 읽을 수 있는 데이터 직렬화 형식입니다. XML이나 JSON보다 읽기와 쓰기가 더 쉽기 때문에 구성 파일에 자주 사용된다. 확장자 yml파일 뭐하는 파일인가? YML(*.YML *.yml) is a language that can be expressed in several ways. 대부분의 경우, 당사 웹 사이트에 포함 된 전문가의 제안과 적절한 프로그램을 사용하여 YML 파일로 직접 문제를 해결할 수 있습니다. 우리 데이터베이스에는 YML 파일 확장자를 사용하는 1 가지 파일 유형이 있습니다. YML is a programming language that may be used t.. 2023. 2. 7. 이전 1 2 다음 반응형
