FrontEnd/JavaScript

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.변경불가성(Immutability)객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴  1-1.원시타입,객체 타입JavaScript의 원시타입은 변경 불가능한 값이다.(Boolean,null,undefined,Number,String,Symbol)원시타입 외의 값은 객체 타입으로 변경 가능한값이다.(객체는 새로운 값을 다시만들필요없이 변경가능하다.)   변경 불가능한 값인 문자열은 다음 코드의 str 값은 문자열 hello의 메모리 주소를 가르키고있다가 hi문자열의 메모리 주소를 가르키도록 변경한다. slice 메소드를 사용할때도 직접 str의 문자열을 변경할수없기에 새로운 문자열을 생성하여 반환한다.var str="hello..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.참조타입(Reference Type)object 타입은 참조타입으로 객체의 연산이 실제값이 아닌 참조값으로 처리된다.다음 경우에는 a와 b는 같은 객체를 참조하지만 c는 다른 객체를 참조한다.(아래 코드에서 b=a 를 한다는것은 복사가 아니라 같은 객체를 참조시킨다는 뜻이다. 때문에 b.val를 바꿨을때 a.val 또한 같은 객체를 참조하기 때문에 바뀐다.)var a={ val:5}var b=a;var c={ val:5}document.write(a.val+" "+b.val+"")document.write((a==b)+"");document.write((a==c)+"");b.val=10document.write(a.val)..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.객체(Object)자바스크립트에서 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다.프로퍼티값이 함수일때는 메소드라고 부른다.   1-1.프로퍼티(Property)프로퍼티(Property)는 속성이라는 의미로 "key(키)" : "value(값)" 형태로 객체에 구분,할당된다.프로퍼티는 프로퍼티키로 유일하게 식별가능하다.   2.객체 생성2-1.객체 리터럴{}를 통해 객체를 생성한다. {}내부에 아무것도 기술하지않으면 빈 객체가 생성된다.var human={ name:'KIM', gender:'male', walk:function(leng){ document.write..

1.join배열 원소를 문자열로 변환후 연결하여 출력, 구분문자 지정가능var arr1=[4,25,16,23];document.write(arr1.join(" ")+"");  2.concat배열에 다른 배열객체, 데이터를 결합var arr1=[4,25,16,23];document.write(arr1.concat(56)+"");    3.reverse배열 원소의 순서를 반대로 정렬var arr1=[4,25,16,23];document.write(arr1.reverse()+"") ;  4.sort정렬을 위한 메소드 문자를 알파벳순으로 정렬한다. 때문에 수치를 정렬할때는 별도의 함수를 작성해줘야한다.var arr1=[4,25,16,23];document.write(arr1.sort(function(a,b) {..

1.배열선언var arr=[1,2,3,4];     2.배열 사용[]를 통해 배열 특정 요소에 접근할수있다.배열을 선언할때 해당 인덱스에 원소값을 정하지않으면 undefined 로 처리된다.선언후에도 배열의 인덱스에 값을 지정해줄수있다.var arr=[1,2,3, ,4];document.write(arr+"")document.write(arr[1]+"")document.write(arr[3]+"")arr[3]=9;document.write(arr[3]+"")      3.배열 객체 생성JavaScript에서는 배열을 객체로 생성하기때문에 new연산자롤 객체를 만들수있다.객체를 확인해보면 타입은 object고 isArray를 통해 배열객체인지 확인할수있다.var arr2= new Array(1,2,3);d..

1.함수 선언function 함수이름(매개변수...){실행문장;return 반환값;}      2.함수 사용버튼을 누르면 fun1 함수가 실행되도록 만들었다. 눌러        3.무명함수함수표현식을 선언하여 변수에 할당하는 방법, 변수를 함수명으로 사용한다. 눌러2        4.반환return 을 통해 함수에서 값을 반환할수있다.var prifun=function(msg){ document.write(msg);}function sum(a,b){ return a+b;}눌러3      5.오버라이딩 금지함수의 이름을 동일하게 하여 인자의 개수를 다르게 하는 오버라이딩은 자바스크립트에서 사용할수없다.    6.정해지지않은 매개변수 arguments는 함수의 지역변수로 함수의 파라미터를 배열형태..

1.조건문1-1.if ~ elseif 문 조건에서 true 면 if문 내부 false인 경우 else문을 실행한다.document.write("a=1 ")var a=1;if(a==1){ document.write("a==1 YES ")}else{ document.write("NO ")}    1-2. 중첩 조건조건문안에 조건문을 작성할수있다.document.write("a=1 ")var a=1;if(a==1){ document.write("a==1 YES ") if(a%2==0){ document.write("a는 짝수 ") } else{ document.write("a는 홀수 ") }}else{ document.write("NO ")}..

1.연산자1-1.문자열 연산자+로 문자열끼리 연결시켜준다.document.write("문자열 연산자" + "+" +""+""+"")   1-2.산술 연산자사칙연산을 기본적으로 수행하는 연산자var a=5;var b=6;document.write("산술 연산자 a=5,b=6"+"")document.write("a*b="+a*b+"")document.write("a/b="+a/b+"")document.write("a%b="+a%b+"")a++;document.write("a++="+a+"")a--;document.write("a--="+a+""+""+""+""+"")   1-3.비교 연산자피연산자 2개의 값을 비교하여 true false를 반환document.write("비교 연산자 a=5,b=6"+"")..