이것저것 일기
1.2.2 javascript) 변수와 상수,let var 차이점
frontend/Javascript 2022. 12. 25. 19:59

변수 변수는 데이터를 저장할때 쓰이는 이름이 붙은 저장소이다. 변수 생성 키워드 let var const let과 var는 가변적인 값을 저장하는 키워드이고 const는 변하지 않는 상수를 저장하는 키워드이다. let은 재할당가능하고 var은 재선언 재할당 모두 가능하다. const는 재선언, 재할당이 불가능하다. 현재에는 let 키워드를 주로 사용한다. let과 var의 차이점은 하단에 있다. 변수 선언 //일반적인 선언과 초기화 let a; let b = 0; //한번에 여러개 변수선언 let user = 'John' , age = 25 , message = 'Hello'; //const는 let과 다르게 선언과 동시에 초기화 되어야한다 const c = 'fddaf'; 변수 이름 규칙 - 변수명에는..

article thumbnail
1.2.1 javascript) 코드 구조와 엄격모드
frontend/Javascript 2022. 12. 25. 18:31

세미콜론 일반적으론 js는 줄바꿈이있으면 암시적으로 세미콜론으로 해석함. (= 세미콜론 자동삽입) 줄바꿈 ===세미콜론이 아닐 경우 불완전한 표현식일 경우 자동 삽입이 되지않는다. alert(3 + 1 + 2); //6 출력 대괄호 앞일 경우 다음과 같은 상황에서는 js가 단일문으로 처리하여 에러가 발생한다.때문에 세미콜론을 넣는 것을 권장한다. alert("에러가 발생합니다.") [1, 2].forEach(alert) //단일문으로 해석 alert("에러가 발생합니다.") [1, 2].forEach(alert) 주석 한줄 주석 : // 여러줄주석 :/* */ jsDoc : /** / 설명 문서를 추가해줌. 엄격모드 엄격모드는 기본적으로 무시되던 에러들을 던지고 최적화를 어렵게 만드는 실수들을 바로 잡음..

1.1 javascript란?
frontend/Javascript 2022. 12. 24. 18:13

javascript는 인터프리터 혹은 just-in-time 컴파일 프로그래밍,script 언어이며 웹페이지에서 동작하는 것을 담당하기 위해 만들어졌다.(스크립트 언어는 이미 존재하는 소프트웨어를 제어하기 위한 용도인 언어를 말한다.) 원래는 인터프리터 언어였지만 현재는 성능향상을 위해 대부분의 엔진이 just-in-time 컴파일을 하고 있다. 원래는 브라우저에서만 쓸 목적으로 개발되었지만 현재는 다양한 목적을 수행하고 있습니다. javascript 엔진 javascript를 실행시키기 위한 프로그램이다. 모든 브라우저에는 이러한 엔진이 내장 되어있다. V8 - 오픈 소스. 덴마크에서 구글이 개발. 구글 크롬의 일부 웹킷 - 오픈 소스. Nitro가 홍보하고 사파리용으로 애플이 개발. javascrip..

javascript - 프로퍼티와 메소드, 단축프로퍼티와 계산된프로퍼티([])
frontend/Javascript 2022. 6. 24. 12:12

프로퍼티란 속성의 의미로 객체내부의 속성(흔히말하는 key를 의미한다) 메소드란 java 에서는 클래스안의 함수를 의미하고 javascript에서는 일반적으로 객체안에 선언된 함수를 의미한다. const person = { id : 12, name : "mj", work : function(){ console.log("일하는 중") } } 여기서 id와 name은 프로퍼티고 work는 메소드이다. 이제 단축프로퍼티와 계산된 프로퍼티가 무엇인지 알아보자 1. 단축프로퍼티 단축프로퍼티란 말그대로 프로퍼티를 단축해서 쓰는법이다. 변수의 이름과 키의 값이 같다면 이용할 수 있다. const id = 12; const name = "mj" const person = { id, name, } /* const pe..

article thumbnail
javascript - 객체(관련용어 플로퍼티, 메소드, this)
frontend/Javascript 2022. 6. 19. 19:51

1. 기본 const person = { id : 12, name : "mj", } //접근 person.id == person['id'] //추가 person.age = 23; //삭제 delete person.age; 2. 단축 프로퍼티 const id = 12; const name = "mj" const person = { id, name, } /* const person = { id : 12, name : "mj", } 랑 같다 */ 3. 프로퍼티 존재 여부 확인 - 'key' in object ex) 'id' in person //true 'class' in person //false -for ...in 반복문 배열에서 for i in arr는 인덱스를 반환함 배열은 of 쓰는걸 추천 arr =..

article thumbnail
javascript - 함수선언문과 함수표현식(관련용어 화살표함수,호이스팅)
frontend/Javascript 2022. 6. 19. 14:35

1. 함수 선언문 걍 일반적으로 함수 쓰라고 할때 쓰는 모양새 checkRunning(); function checkRunning(){ console.log("running") } checkRunning(); //두 위치다 실행됨. 어디서든 호출가능 js는 기본적으론 위에서 아래로 실행 하지만 js는 실행전 초기화단계에서 선언된 함수를 미리 찾아서 모임을 생성함 (== 이걸 호이스팅) 2. 함수 표현식 // 일반적인 함수 표현식 let checkRunning = function(){ console.log("running") } //화살표 함수 let checkRunning = () => { console.log("running") } //인자가 하나 let checkRunning = i => { cons..