반응형 web3 [React] 실시간으로 input 값을 숫자만 입력 받는 방법 다음 예제를 통해 실시간으로 input 값을 어떻게 숫자만 입력받을 수 있는지 살펴봅시다.다음은 HTML의 Form과 input을 사용해서 상품 코드를 숫자만 입력 받는 관리자 페이지입니다. 요구 사항상품 코드는 숫자로만 이루어져 있습니다.상품 코드를 입력하는 도중에 숫자가 아닌 문자를 입력하면 input 요소 밑에 error 메시지를 나타내며, '등록' 버튼을 비활성화 합니다.상품 코드를 정상적으로 등록하면 "상품 코드가 등록되었습니다."라는 메시지와 등록된 상품 코드를 나타냅니다. 1. HTML 구조 설계div (Form)forminput / buttondiv (Modal)divspan / p컴포넌트는 상품 코드를 입력할 수 있는 form 컴포넌트, 안내 메시지를 보여주는 modal 컴포넌트를 사용합.. 2024. 10. 3. Node.js와 NPM이란? 아주 쉽게 정리 Node.js란?'JavaScript를 브라우저 밖에서 실행할 수 있게 도와주는 런타임 환경'입니다.npm 명령어를 사용하기 위해서는 Node.js가 필수로 설치되어 있어야 합니다. Node.js를 설치하는 이유?npm 명령어를 사용하기 위해서는 Node.js가 설치되어 있어야 합니다.'JavaScript' 언어로 만들어진 라이브러리를 실행시키려면 위해서'나의 컴퓨터(Local)에 런타임 환경을 제공'한다고 생각하면 됩니다.=> JavaScript는 과거에는 웹에서 밖에 사용하지 못하는 언어였습니다.NPM(NodePackageManage)이란?'JavaScript로 만들어진 다양한 라이브러리들을 설치하고 관리할 수 있는 패키지 매니저'입니다.'npm이라는 명령어'를 의미합니다. 간단한 명령어 PC에 설치.. 2024. 9. 25. [JAVA] JFrame을 이용한 계산기 (+코드) import java.awt.BorderLayout;import java.awt.GridLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.JPanel;public class Calculator extends JFrame implements ActionListener{ JPanel p1; JLabel lb = new JLabel("0", JLabel.RIGHT);; String btn[] = {"1", "2", "3", "4", "5", "6",.. 2022. 12. 2. 이전 1 다음 반응형
