목록전체 글 (352)
개발자입니다
노마드코더 JS로 크롬앱만들기) #5 CLOCK - Date, setInterval, padStart
00:00 ; ■ clock 만들기 setInterval(함수, 시간(ms)) : 함수를 시간 설정한 간격마다 실행한다. setTimeout(함수, 시간(ms)) : 함수를 설정 시간 이후 실행한다. // clock.js const clock = document.querySelector("h2#clock"); function sayHello() { console.log("hello"); } setInterval(sayHello, 5000); setTimeout(sayHello, 2000); -페이지에 시계 표시하기 getDate() : 오늘 날짜를 가져온다. getDay() : 오늘 요일을 숫자로 가져온다. (일요일은 0, 월요일은 1, 화요일은 2, ...) getHours(), getMinutes()..
노마드코더 JS로 크롬앱만들기) #4 LOGIN - 유효성 검증, preventDefault, `${변수명}`, localStorage
Log In -이름 입력 창과 로그인 버튼 만들기 id: login-form을 상수 저장해서 querySelector로 선택하는 방법이 있다. // app.js const loginForm = document.getElementById("login-Form"); const loginInput = loginForm.querySelector("input"); const loginButton = loginForm.querySelector("button"); 하지만 아래처럼 바로 축약해서 가져오는 방법이 있다. // app.js const loginInput = document.querySelector("#login-form input"); const loginButton = document.querySelec..
노마드코더 JS로 크롬앱만들기) #3 JAVASCRIPT ON THE BROWSER - document, querySelector, addEventListener, CSS 변경
■ JS에서 HTML 태그 선택 document. 다음 아래와 같이 HTML 태그를 선택할 수 있다. document.title = "Hi" // HTML 을 Hi로 변경한다. document.body // HTML document.location // HTML page 주소 getElements의 여러 방법들 const title = document.getElementById("title"); const hellos = document.getElementsByClassName("hello"); const hellos = document.getElementsByTagName("h1"); ■ querySelector 노마드 코더에서는 99% querySelector 방식을 사용한다. querySelecto..
노마드코더 JS로 크롬앱만들기) #2 WELCOME TO JAVASCRIPT - Data types, Variables, const and let, Booleans, Arrays, Objects, Functions, Returns, Conditions
개발자 도구 - Console에서 javascript 작성 가능하다. 내 폴더에 momentum 폴더를 만든다 - VS Code 에서 불러들인다 - 아래와 같이 만든다 // app.js alert("hi"); // index.html // style.css body{ background-color: beige; } ■ data types -integer: 2 -float: 1.5 -string: "hello" console.log() 괄호 안에 ' ' 또는 " " 사용한다. -variable 만들기 const a = 5; const b = 2; const myName = "nico"; console.log(a + b); console.log(a * b); console.log(a / b); console..
노마드코더 JS로 크롬앱만들기) #1 INTRODUCTION - 필요사항, 왜 Javascript 인가, Online IDE, 단축키
-Requirements HTML : input, form 등 태그가 뭔지 알면 된다. CSS : id, class가 뭔지, selector가 뭔지 알면 된다. VS Code 설치해서 사용한다. -Why Javascript Javascript는 유일하게 프론트 엔드에서 사용하는 언어이다. google, apple 등 모든 IT 기업의 프론트 엔드는 Javascript를 사용한다. Javascript를 깊게 알고 싶으면 프레임을 배워야 한다. React, electron, -Online IDE replit: 브라우저에서 무엇이든 코딩 가능하게 해준다. https://replit.com/ ■ VS Code 단축키 Ctrl + Shift + k : 한 줄 삭제 Ctrl + Shift + L : 동일 단어 선택..
IT BANK) JSP 13일차 - JSP(Oracle 설치, 명령어)
220923 oracle 설치: OracleXE112_Win64 설치 중 Port for 'Oracle Database Listener': 1521 는 포트번호 cmd 실행 후 아래 순서대로 처리 Microsoft Windows [Version 10.0.19044.2006] (c) Microsoft Corporation. All rights reserved. C:\Users\USER>sqlplus SQL*Plus: Release 11.2.0.2.0 Production on 금 9월 23 15:46:12 2022 Copyright (c) 1982, 2014, Oracle. All rights reserved. Enter user-name: system Enter password: oracle Connect..