빈빈 자료실

let num1 = {name: 'abc' , age : 20}; let num2 = {name: 'abc' , age : 20}; // 1. 첫 번째 방법 JSON.stringify(num1) == JSON.stringify(num2); // true // 2. 두 번째 방법 _.isEqual(num1, num2); // true

2. extends //**------상속 //부모 클래스 class Animal{ constructor(animalName){ this.animalName = animalName; this.speed = 0; //멤버 변수 설정 안해도 사용 가능 나중에 new animpal 만들면 animal name과 speed준비 되어 있다. } run(speed){ this.speed = speed; console.log(`${this.animalName} runs at ${this.speed} m/s`); } stop(){ this.speed = 0; console.log(`${this.animalName} stopped.`); } } let animal = new Animal("animal"); //변수 선언..

1. class //****------basic syntax //User 클래스 class User { userName; constructor(userName){ //생성자 this.userName = userName; } getUserName(){ return this.userName; } setUserName(userName){ if(userName.length < 4){ console.log("userName is too short."); } else { this.userName = userName; } } sayHi(){ //멤버 메소드 console.log("Hi, I am " + this.userName); } } //User 객체 생성 let user = new User("john"); co..

5.scope //****scope1 let msg = 'earth';//한국 전역변수 : global variable { let msg = 'hello';//서울 지역변수 : local variable console.log(msg); } { let msg = 'world'; console.log(msg); } console.log(msg); //블럭안에 벗어나면 msg는 사라진다. //global variable와 동일한 local variable가 있으면 local variable먼저 사용한다. //*****scope2 const greeting = 'hello'; function say(name) {//name = local variable이다. console.log(greeting, `${name..

1.greet /* 선언문 vs 표현식 사용관점 * * 선언으로 만들어진 것은 선언문 위에서도 호출하는게 가능하다. * 그러나 표현식으로 만들어진 것은 선언문 위에서 호출이 불가하다. */ //----------function declaration 선언문 greet(); //선언문 위에서 호출 가능 function greet(){ console.log("hello"); } greet(); //----------function expression 표현식 //salute(); //표현식은 위에서 호출 불가능 let salute = function(){ //lamda랑 비슷함. 변수가 없지만 있는것 처럼. console.log("hi"); } salute(); //-----------function() 파라미..

1. variable //변수 선언 //let //이름으로 문자, 숫자, $, _ 가능 let user; let user2; let _; let $; //let 2user; let userName; //camel case let user_name; //snake case //const const x = 1; //선언과 동시에 초기값 부여 //x = 2; //다른 값 할당 불가능 let y; y = 1; y = 2; //let에는 다른 값 할당 가능 /* ES6 버전부터는 var 이외에 let과 const 사용 가능하다. let으로 선언한 변수는 {} 범위를 벗어나면 사용 불가능하다 const는 상수값을 선언할 때 사용한다. */ 2. type /*3대 type 1. string 2. number 3. b..

jQuery jquery란 자바스크립트 라이브러리이다. jQuery는 form 같은 걸 찾아가서 조작하거나 이벤트 발생했을 때 form 데이터 검증이 가능하다. Ajax 또한 jQuery 단 몇줄로 생성이 가능하다. myBatis는 프레임워크다. 프레임워크란 라이브러리 + 개념이 있는 것이다. jQuery는 라이브러리로 개념은 없다. 따라서 라이브러리 사용법만 익히면 된다. 자바스크립트는 HTML문서 사용하지 않았다. 그래서 그냥 js파일로 만들었으나, jQuery는 HTML문서가 있다는 전제 하에 있기 때문에 tomcat있어야 해서 dynamic web으로 만들어야 한다. jQuery 사용 방법 jQuery(document).ready(() => $('body').append('one')); docum..

javaScript 자바스크립트란 클라이언트단에서 동적인 페이지 만들기 위한 언어이다. 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어로, 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. JSP와 차이? 서버 단에서 동적인 페이지를 만들기 위한 언어이다. 엔진 엔진을 뜯어 낼 수 있다. 자바 스크립트를 브라우저 바깥으로 이동 가능해진다. 과거에는 자바스크립트를 브라우저에서만 실행할 수 있었다. 하지만 이제 크롬에 자바 스크립트를 실행하는 모듈을 엔진화 시켰기 때문에 자바스크립트 코드를 서버에서 실행이 가능하다. 이 엔진은 V8엔진이다. node.js 기술의 이..