My Coding World

연구과제 : 재고파악하기(주) 한산엘테크의 재고량을 조사해서 해당자재의 재고가 있는지를 판단하고 있다면, 화면에 수량을 보여주는 버튼이다.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')...

웹 개발을 하다 보면, 사용자 경험(UX)을 향상시키기 위해 다양한 방법을 고민하게 됩니다. 그중 하나가 바로 로딩 화면을 추가하는 것입니다. 특히 데이터 로드나 처리 시간이 길어질 경우, 로딩 화면은 사용자가 현재 상황을 이해하고 기다릴 수 있도록 돕는 중요한 요소입니다. 이번 글에서는 HTML, CSS, jQuery를 활용해 간단한 로딩 화면을 구현하는 방법을 소개하겠습니다.1. 로딩 화면이란?로딩 화면은 웹 페이지나 애플리케이션이 특정 작업을 처리하는 동안 사용자에게 진행 상황을 알려주는 역할을 합니다. 예를 들어, 서버에서 데이터를 가져오는 동안 아무런 표시 없이 빈 화면이 보인다면 사용자는 당황하거나 오류로 오해할 수 있습니다. 하지만 "잠시만 기다려 주세요"라는 메시지와 함께 로딩 애니메이션이..

태그는 그래픽을 그리는 데 사용되며, HTML 요소를 직접적으로  내에 배치할 수는 없습니다. 그러나 이미지 위에  요소를 배치하는 방법은 가능합니다. 이를 위해서는  태그와 별도로 이미지와  요소를 포함한 HTML 구조를 만들어야 합니다. 아래는 이미지를 배경으로 하고 그 위에 여러 개의  요소를 배치하는 방법의 예입니다.HTML 코드: html 코드 복사                     설명: .image-container: 이미지와  요소를 감싸는 컨테이너입니다. position: relative;를 사용하여 내부 요소들이 이미지 위에 위치하도록 설정합니다. .input-overlay: 각각의  요소를 이미지 위에 배치합니다. position: absolute; 속성을 사용하여 원하..

현재개발중입니다. (미완성)                       위의 코드로 여러가지 구실을 합니다.위와 같이 보여주면 좋을 것 같아서 만들어 봅니다.실제 코드 전체">">"> × 현재개발중입니다. (미완성) --> ..

컴퓨터를 20년 넘게 사용하면서 IME에 대해서 깊게 생각해 본적이 없는데, 웹의 grid에 한글이 '가'라고 입력하면 'rㅏ' 이런식으로 입력하는 문제가 발생해서 이것저것 찾아보는 중입니다. 지금 사용하는 노트북에서 이상하게 키보드를 연결해서 쓰면 문제가 없는데, 띠고 쓰면 한영키가 잘 안먹는 문제도 마침 있어서, 정리해 보고자 합니다. IME는 입력기 또는 입력 방식 편집기(input method editor, IME)는 한글, 한자처럼 컴퓨터 자판에 있는 글자보다 수가 더 많은 문자를 계산하거나 조합하여 입력해 주는 시스템 소프트웨어이다. 이것이 자꾸 문제가 되면 제거하는 것이 좋다는 글이 있어서 실제 제거해 봅니다. 윈도우 + R키를 눌러 실행해 봤습니다. ? 화면에 변화는 없는데, 잠시 깜빡이다..

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

웹사이트를 개발하면서 여러가지 코드를 접하고 만들고 하지만, 효율적으로 간략하게 표현할 수 있는 코드가 있다면 공유해 보고 싶어서 글을 적어봅니다. 보통 검색창을 만들어서 검색버튼을 누르거나 엔터키를 키면 작동하는 그런 루틴을 만들때... 와 같이 구성했다면, 검색내용을 입력 후 엔터키를 키면 작동하게 만드는 여러방법이 있겠지만, 가장 간단한 방법이 있어서 소개합니다. 기본적으로 onKeyPress를 사용해서 제어한다면 자바스크립트의 function을 만들어서 사용할텐데. 한번에 바로 form.submit으로 하는 방법이 있었네요.

처음에 요상하게 앞에 공백이 생기는 현상에 대해 의아해 했습니다. 왜 앞에 이상하게 공백이 생기지? 이런 의문이 들었습니다. textarea는 딱 맞춰서 쓰지 않으면 생기는 버그(?)같은 것이 있는데, 원래 만들때 그렇게 만든건가 하는 생각이 듭니다. 구글링해서 여러 방법을 찾아봤는데, 이렇게 따라하니 바로 되었습니다. 결국 다음에 바로 그 값이.... 여기서 떨어지면 그대로 에디터에 나오는 현상... 이걸 몰라서 엄청 해멨던 기억이 납니다. 여러분은 바로 해결하시길 바래요~ 해답 : 태그 중간에 공백이 없이 바로 내용이 들어가야 한다는 것.... 이제 여러분 시작해 보세요~