자바스크립트 9

정규표현식의 사용(글로벌)

정규표현식은 이미 만들어져있는 것들을 복붙하거나 나중에 알아놔야지..했던 마음이 좀 있었는데 문자대체 알고리즘 공부할 때 유용하게 쓰이는 것 같아서 정규표현식을 쓰는 메소드를 정리하려고 한다. 예시1) A라는 글자가 나타나면 "#"으로 대체하려고 함 --> replace를 쓰면 되지않나 생각해서 하면 이 경우에는 맨처음 A만 바뀌어서 "B#NANA" 라고 뜸 해결방법) 정규 표현식을 쓰고 조건을 글로벌 적용을 한다. 원하는 대로 모든 문자에 적용되어서 정답 "B#N#N#"이 나옴 정규식 표현을 조건으로 자주 쓰이는 메소드들 -exec -test -match -search -replace -split -toString 예시2) test를 사용하여 대문자의 갯수를 파악함 다음 블로그 글을 읽어보기 https..

LocalDatetime 탐구하기

프로젝트를 진행하면서 영화 스케쥴을 등록하고 출력해야하는 작업이 필요했는데 이때 사용한 것이 Datetime 형이다 Oracle DB를 사용했고, 스프링 부트로 백엔드를 진행했으며 자바스크립트로 프론트엔드 작업을 했는데 이때 어떻게 사용했는지 정리하고자 한다. Oracle에서는 Date type으로 저장했고 이때 DB에서 만약 시간이 보이지 않는다면 ALTER SESSION SET NLS_DATE_FORMAT = 'YYYY-MM-DD HH24:MI:SS'; 명령문을 실행하면 시간도 같이 보인다. -sql CREATE TABLE Schedule ( schecode number(10) primary key, mcode number(7) not null, hcode number(10) not null, scd..

[Thymeleaf] 외부 자바스크립트 파일에서 thymeleaf 값 받아서 사용하기

프로젝트할때 데이터를 thymeleaf로 받아서 활용했는데 js가 길 경우 외부 자바스크립트로 파일을 빼서 사용하고 싶은데 thymeleaf의 데이터값이 도저히 안받아져서 생각해 낸 꼼수 html파일에서 하단과 같이 데이터를 받아온 후 그 다음으로 외부 자바스크립트 파일을 링크해주면 외부 자바스크립트에서도 데이터를 사용할 수 있게 됨

자바스크립트로 만드는 가위바위보 게임(무한반복)

이길때까지 계속 프로그램이 돌아가는 가위바위보 게임을 자바스크립트로 만들어보자. package com.koreait.board; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.util.HashMap; import org.apache.ibatis.session.SqlSession; import org.apache.ibatis.session.SqlSessionFactory; import com.koreait.db.DBconn; import com.koreait.db.SqlMapConfig; public class BoardDAO { SqlSessionFactory ssf=S..

자바스크립트로 만드는 시간 출력 프로그램

자바스크립트의 date객체와 window객체를 이용하여 시계를 만들어보자. date객체는 현재 날짜, 시간 등을 다룰수 있는 객체이고 window 객체 중 일정 시간마다 함수를 실행하는 setInterval(), 그리고 그것을 제거하는 clearInterval()을 사용하였다. DOCTYPE html> quiz 시간을 출력하는 프로그램 // 시작 버튼을 누르면 시계가 시작됨 // 멈춤 버튼을 누르면 clear됨 'use strict' let timeId= null; // 빈 변수, setInterval, clearInterval을 실행할때 변수에 먼저 담아서 실행 // 시간을 출력하는 함수 function printTime(){ const date= new Date(); // 현재의 날짜와 시간이 저장된..

자바스크립트의 객체 생성

자바스크립트의 객체는 {} 대괄호로 간단히 만들 수 있다. 1. 리터럴 표기법 const 객체명= {}; // 빈 객체 생성 const 객체명= { 프로퍼티명1: 값; 프로퍼티명2: 값2; } ✔ 프로퍼티(property) - 자바스크립트 객체 내의 변수 또는 함수 - 객체 내의 변수는 프로퍼티라고 부르며, 함수는 프로퍼티 메소드라고 부름 2. 생성자를 이용한 객체 생성 - new 연산자를 사용하여 객체를 생성하고 초기화 할 수 있음 - 생성자는 메소드이며, 이 메소드는 새롭게 생성되는 객체를 초기화하는 역할을 함 function 생성자명(매개변수1, 매개변수2..){ this.프로퍼티명1: 값1; this.프로퍼티명2: 값2; ... this.프로퍼티 메소드명1=function(){ } } const ..

자바스크립트의 함수만들기

자바스크립트에서 함수는 다음과 같은 방식들로 만들 수 있다. 1. 함수표현식 const 함수명= function(매개변수1, 매개변수2){ ... return 값; } 2. 함수 선언식 1. 이름만 존재하는 함수 function 함수명(){ 함수가 호출되었을때 실행할 문장; ... } 함수명(); // 함수 실행 2. 매개변수가 있는 함수 function 함수명(매개변수1, 매개변수2){ 함수가 호출되었을때 실행할 문장; ... } 함수명(값1, 값2) 3. 디폴트 매개변수 - 매개변수를 정하지 않으면 대신 기본값을 변수에 저장 function(매개변수1=값1, 매개변수2=값2){ 함수가 호출되었을때 실행할 문장; ... } 함수명(값1, 값2) 함수명() // 매개변수를 전달하지않아도 기본값으로 실행됨..