컬러로 강조된 부분은 모두 새로 추가된 코드 입니다.녹색은 새롭게 추가된 부분이나 기존 부분과 유사한 부분입니다.노란색 부분은 URL을 확인하기 위한 부분입니다.오렌지색 부분은 URL을 체크하기 위한 정규표현식 부분입니다.URL확인 부분도 이메일 […]
NODEJS기본 http server ,NODEJS Basic http server(npm express,routing)
express 모듈은 커맨드라인에서 npm 명령어로 설치 할 수 있습니다.브라우저 주소를 통해서 웹사이트에 접속 할 때 도메인 주소 엔드 포인트에 따라 웹서버는 클라이언트에게 다른 내용을 보여 줄 수 있습니다.예를 […]
폼 유효성 확인하기(Form validation)(4),innertHTML,alert()
폼 유효성 확인을 위해 innerHTML대신에 alert()을 사용할 수 있습니다.아래의 코드에서 innerHTM 실행부분은 코멘트 처리했습니다.노란색은 innerHTML을 위한 부분이고 녹색은 alert()을 위한 부분입니다.document.getElementById(“[ID]”).focus();는 autofocus를 위한 부분입니다. You can use alert() […]
NODEJS기본 http server ,NODEJS Basic httpserver(ESM,COMMONJS)
nodejs에서 esm과 commonjs 방식의 http server code입니다.nodejs는 웹서버(http server)가 없습니다.코드로 웹서버의 기능을 구현합니다.기본적으로 nodejs는 포트번호 3000번을 사용합니다 .그래서 nodejs패키지인 react나 express만으로 웹사이트를 만든다면 리버스 프록시기능이 있는 Nginx가 좋은 […]
폼 유효성 확인하기(Form validation)(3),이메일체크(Email check)
이번에는 이메일을 체크하기 위한 부분입니다.이메일,URL등이 문자열의 형식이 정확한지 여부를 확인하기 위해서 정규표현식을 사용합니다.정규표현식에 대한 자세한 설명은 나중에 다루도록 하겠습니다.이번에는 활용방법만 소개해 드립니다.This part is for checking email.Regular expressions […]
NPM moment module
nodejs를 설치 하고 npm명령어를 통하여 패키지를 설치 하면 사용 할 수 있습니다.기본 적인 패키지 설치 명령어는 아래와 같습니다.You can use it by installing nodejs and installing the package […]
폼 유효성 확인하기(Form Validation)(2)
자바스크립트 부분(JavaScript part) 자바스크립트의 document.getElementById(“[변수 variable]”.value)에서 변수에 해당하는 부분은 HTML에서 id=”변수 variable” 부분이다.In JavaScript’s document.getElementById (“[variable]”.value), the part that corresponds to a variable is the id=”variable” part of […]
폼 유효성확인하기Form validation(1)
유효성 검사란 데이터 전송을 하기 위해 폼의 입력 필드에 값을 입력할 때 값이 정상적으로 입력되었는지 확인 하기 위한 부분 입니다.이러한 폼의 유효성검사는 자바스크립트를 이용합니다.오렌지색 컬러의 코드는 새롭게 추가된 […]
GET 방식 폼 데이터 전송 GET method data form transmission
-아래의 이미지에서 볼 수 있는 것처럼 GET방식 폼데이터 전송은 브라우저의 주소표시줄을 통해서 데이터를 전송하는 것을 의미합니다.-아래의 링크를 통해서 테스트 할 수 있습니다As you can see in the image […]
form_action1.php POST방식 폼 데이터 전송 POST method data form transmission
form_action1.php은 폼의 전송 방식이 “POST”방식일때 화면에 화면에 이름과 패스워드를 출력하는 파일 입니다.전송 방식이 POST방식이 아니면 차단하기 위한 보안 설정입니다.form_action1.php is a file that displays the name and password […]