JavaScript/React20 input 태그에 영어만 입력되게 하기 서론 input 안에 pattern을 쓰면 submit 하는 딱 한번만 발생한다고 하여... 실시간으로 입력키를 확인할 수 있는게 필요했다. 처음엔 onkeyDown 써봤는데 전혀 안되서 해맴ㅜㅜ onInput하니까 되더라 방법 // 한글키 금지 const onlyEng = (event) => { const inputValue = event.target.value; const filteredValue = inputValue.replace(/[ㄱ-ㅎㅏ-ㅣ가-힣]/g, ''); // 한글 입력 제거 event.target.value = filteredValue; } 이메일 { setEmail(event.target.value); console.log(event.target.value); }} /> 구웃 ~ 2023. 6. 1. 회원가입 구현 중 - React, Node.js로 MySQL에 데이터 삽입 설치해야할 모듈 -- front npm install axios -- server npm install express-sessionnpm npm install express-mysql-session npm install cros npm install body-parser 참고한 곳 React, Node.js와 MySQL을 이용한 로그인/회원가입 예제 (소스코드) (tistory.com) React, Node.js와 MySQL을 이용한 로그인/회원가입 예제 (소스코드) 설명 express를 비롯한 Node.js의 모듈들과, React로 구현한 로그인, 회원가입 예제입니다. React를 사용하지 않고 구현한 예제는 아래와 같습니다. https://sirius7.tistory.com/59 Node.js와 My.. 2023. 5. 30. <div>태그 가운데 정렬 !! 이력서 넣었던 회사에서 과제 내준거 하는중에 갑자기 해보고싶어서 ... 시도해봤는데 정말 CSS 너무 힘겹고 ㅋㅋㅋ 어떻게든 했다. 맞는건진 모르겠지만... 그냥 이러면 되지않을까? 했는데 되긴한다 ㅋㅋ 방법은 .. 바로...!!! div { height: 300px; width: 50%; margin-left: auto; margin-right: auto; background-color: rgb(245, 245, 245); text-align: center; } margin-오른쪽 왼쪽 auto넣기 ㅎ 우하항~ 2023. 5. 19. [React] 공부중 https://youtu.be/FqnAFX9lQPQ React에서 class를 부여하고 싶을때 안녕하세요 - React 에서 우리는 index.js라는 파일덕에 App.js 파일을 html 처럼 쓰지만, 결국 js파일이기 때문에 태그에 class를 부여하고 싶다면 className으로 써줘야한다 React 장점 데이터 바인딩이 아주 쉬워짐 let posts = '강남 고기 맛집'; { posts } let style = { color : 'blue', fontSize : '30px' }; 개발blog function 함수(){ return 100 } { 함수() } // 이미지 또한 가능 - 다음과 같이 변수, 함수를 만들어서 { } 안에 변수명, 함수명만 끼워 넣으면 아주 손쉽게 변수들을 관리 할 수 .. 2023. 5. 16. 이전 1 2 3 4 5 다음