JavaScript/바닐라.js

자바스크립트를 이용한 구글로 로그인 하기

우선 Google 클라우드 플랫폼을 접속한다. Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 그러면 왼쪽 상단에 MyFirstProject 부분을 클릭한다. 새 프로젝트를 클릭하면 프로젝트 이름은 원하는 것으로 지정하여 만들기 클릭을 한다. 그리고 다시 이 창을 띄운다. 이 후 OAuth 동의화면을 클릭하고 외부를 선택하여 만들기를 누른다. 원하는 URL을 적어주고 저장을 누른다. 그 후 저장후 계속을 클릭하여 마무리한다. 그 후 사용자 인증정보 만들기를 클릭한 후 웹 어플리케이션까지 클릭을 한다. 지금은 공부를 위해 http를 쓰지만 실무에서는 https로 보안을위해 쓰기로 하자 그 후 만들기 클릭! 클라이언트 비밀번호는 유출되면 안된다. ..

회원가입 페이지 만들기 (정규표현식 미사용)

[HTML] [JS] 정규표현식 미사용 function check(){ //변수에 담아주기 var userid = document.getElementById("userid"); var pw = document.getElementById("pw"); var repw = document.getElementById("repw"); var username = document.getElementById("username"); var useremail = document.getElementById("useremail"); var inter = document.getElementsByName("inter"); var introduce = document.getElementById("introduce"); var bi..

회원가입 페이지 만들기 (정규표현식 사용)

[HTML] [JS]-- 유효성검사 js function check(){ //변수에 담아주기 var userid = document.getElementById("userid"); var pw = document.getElementById("pw"); var repw = document.getElementById("repw"); var username = document.getElementById("username"); var useremail = document.getElementById("useremail"); var inter = document.getElementsByName("inter"); var introduce = document.getElementById("introduce"); var b..

계산기 만들기

아래 모양과 같이 계산기를 만들어 보았다. 이번 계산기 만들기에서 중요한 것은 누른 버튼의 기능을 스크립트의 함수로 구현하는 것이다. [결과] HTML 삽입 미리보기할 수 없는 소스 [소스코드]

실시간 가져오기[JavaScript]

setTimeout(showClock,1000) 로 재귀함수를 통해 1초마다 변경시켜준다 HTML 삽입 미리보기할 수 없는 소스 [소스코드]

글자 변환

Html CSS Javascript를 배우고 원하는 폰트의 크기 색상 모양(중복가능)을 선택한 후 미리보기 버튼을 누를때마다 변환이 되게 만들어 보았다. HTML 삽입 미리보기할 수 없는 소스 [소스코드] 미리보기 색상: 빨강 파랑 초록 검정 크기: 1 2 3 4 취소선 크게 작게 두껍게 기울임 위첨자 아래첨자 소문자로 대문자로