반응형 전체 글141 [React] input 소문자를 대문자로 변환하는 방법 다음 예제를 통해 input 값을 어떻게 대문자만 입력받을 수 있는지 살펴봅시다.다음은 HTML의 Form과 input을 사용해서 대문자만 입력받는 페이지입니다. 1. HTML 구조 설계divforminput / buttonJSX 문법 특성상 최상위 요소는 태그를 사용합니다.그리고 명확하게 하기 위해 시맨틱 태그인 요소를 사용합니다.그 안에 input 요소와 button 요소를 사용하여 HTML 구조를 설계합니다.아래 그림을 참고해 주세요. 생성 2. state 변수 추가input의 value 값을 관리하는 state 변수를 추가합니다.const [value, setValue] = useState(""); 3. handleInputChange 함수 개발handleInputChan.. 2024. 10. 2. 알기 쉽게 정리한 package.json 총 정리 : 프론트엔드 개발자를 위한 웹팩 package.json이란?package.json이 무엇인지 알기 이전에 직접 package.json을 만들어 보자. package.json을 만들 폴더로 이동을 한 후에 아래 명령어를 입력한다.$ npm init$ npm init -y 정말 알기 쉽게 정리한 npm이란? 해당 명령어를 실행시키면 package.json이라는 파일이 생성된다. 그리고 생성된 파일의 모습은 아래와 같다. package.json{ "name": "packagejson-started", "version": "1.0.0", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], .. 2024. 9. 29. [Spring][Swagger] HttpMessageNotReadableException: JSON parse error: Unexpected 🚨 Swagger Execute 버튼 클릭 시 발생하는 Spring Log 에러 메시지2024-09-29 22:15:15.173 [http-nio-8080-exec-4] WARN o.s.w.s.m.s.DefaultHandlerExceptionResolver - Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Unexpected character ('}' (code 125)): was expecting double-quote to start field name\ ❓에러 발생 이유Spring이 Json 형태의 데이터 요청을 정상적으로 받지 못해서 나타나는 에러 메시지입니다.Json .. 2024. 9. 29. 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. 이전 1 ··· 4 5 6 7 8 9 10 ··· 36 다음 반응형
