[JavaScript (14)] Javascript window 객체 (setInterval, setTimeout, confirm, prompt, focus, blur 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 윈도우 객체 - 브라우저 객체 ] 입니다. : ) ▶ 브라우저 객체 - 자바스크립트를 통해 브라우저의 여러 기능들을 제어할 수 있다. - 전역 객체(global object)로 해당기능들을 제공 한다. ▶ Window 객체 - 웹 브라우저의 창(window)을 나타내는 객체, 브라우저를 시작할 때 가장 처음 생성되는 객체이다. - 모든 객체, 전역 함수, 전역 변수, DOM등의 모든 요소들은 window 객체의 프로퍼티 이다. - window가 생성된 후 이 안에 다른 'wi..

[스프링부트 (1)] 스프링부트 시작하기 (SpringBoot 프로젝트 설정 방법) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 스프링 부트 기초. 스프링 부트란? 그리고 스프링 부트 프로젝트 생성 방법 ] 입니다. : ) 스프링 부트가 나온지 어느덧 꽤 많은 시간이 흐른것 같다. 계속 해오던 쇼핑몰 운영 업무를 해오다 보니 스프링 부트를 제대로 사용할 일이 없어, 이번 잠시 주어진 휴식 기간에 스프링 부트에 대한 내용을 정리해 보려 한다. 운영 업무를 하다보면 쓰던 기술, 해오던 업무에 익숙하고 무언가의 불안함이 생긴다. 다시 SI를 하고 싶은 마음도 간간히 생기기도 하고.. 주저리 그만하고 스프링 부트에 대해 알아보자. 1. SpringBoot 기초 ▶ 스프링 부트란? - 스프링 프레임워크를 사용하..

[JavaScript (13)] Javascript Dom(Document Object Model, 문서 객체 모델) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 돔(DOM) ] 입니다. : ) ▶ DOM(Document Object Model) 이란? - HTML, XML 문서에 접근하기 위한 인터페이스 - 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공 한다. - W3C의 표준 객체 모델 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라 한다. 즉 모든 요소와 요소의 어트리뷰트, 텍스트를 각각의 객체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 ..

[JavaScript ] 개인정보 마스킹 함수(이름 마스킹, 이메일 마스킹, 휴대폰 번호 마스킹, 주민번호 마스킹) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 개인정보 마스킹 하기 ] 입니다. : ) ▶ 개인정보 마스킹 함수 - 사실 데이터를 프론트단에서 마스킹 처리하는건 선호하지 않지만, 꼭 프론트에서 한번더 마스킹 처리를 해야한다면 사용할 예정이다. 1. 이메일 마스킹 - 1.1 @ 뒷부분 마스킹 처리 하지 않는 경우 ex) 원본 데이터 : abcdefg12345@naver.com 변경 데이터 : ab**********@naver.com - 1.2 @ 뒷부분도 마스킹 처리 하는 경우 ex) 원본 데이터 : abcdefg12345@naver.com 변경 데이터 : ab**********@nav***..

[JavaScript (12)] Javascript String 객체, String 메소드(replace, substr, split, concat 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - String ] 입니다. : ) ▶ 1. String 객체 생성 방법 - Javascript 에서 문자열은 간단하게 2가지 방법으로 생성 가능 하다. 1) 큰따옴표(""), 작은따옴표(''), backtick(``) ex) var 큰따옴표 = "큰따옴표"; var 작은따옴표 = "작은따옴표"; var 백틱 = `백틱`; // 백틱은 나중에 템플릿 리터럴 방식을 공부할때 자세히 알아보자. console.log(큰따옴표); console.log(작은따옴표); console.log(백틱); t..

[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Date ] 입니다. : ) 0. Javascript에서의 날짜 표현 - 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수 이다. - 하루는 86,400,000 밀리초(millisecond)로 계산 한다. ※ 참고 ㆍUTC(Universal Time, Coordinated(협정 세계시)) - 세슘 원자 진동수의 기반의 표준시간 - 오차가 30만 년에 1초라고 할 정도로 아주 정확하고 기준이 될 수 있는 시간 이라고 한다. ㆍGMT(Green..