프론트엔드/javascript 15

[javascript] 자바스크립트 객체(object )정리

객체(object)란 ? 생활 속에서 우리가 인식 가능한 사물을 뜻한다. object는 property를 가진 데이터를 저장해주는데 여기서 property는 값이라고 생각하면 된다. const myProfile = { name: "yeon", color: "blue", food: "sushi" }; 한마디로 객체는 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합 !! console.log(myProfile); //{ name:'yeon', color: 'blue', food: 'sushi'} 원하는 부분만 출력을 원할 시에는 밑의 코드와 같이 적으면 된다. console.log(myProfile.name); // yeon console.log(myProfile..

[javascript] 자바스크립트 배열 (Array) 정리

배열 선언하는 방법 cosnt number = ["one","two", "three"]; 배열 출력하기 console.log(number); // ["one", "two", "three"] 배열에 요소 추가하기 number.push("four"); push로 요소를 추가하고 나서 다시 출력하면 four까지 추가된걸 확인할 수 있다. console.log(number); // ["one", "two", "three","four"] 원하는 요소만 출력하고싶을때는 대괄호안에 순서를 넣은 후 출력하면 된다 console.log(number[0]); // "one"출력 console.log(number[3]); // "four" 출력 이러한 방식으로 요소를 수정할 수도 있다 number[0] ="원"; conso..

자바스크립트 문자열(String) 객체의 메서드 및 속성

문자열 객체를 생성하는 방법 문자열 객체는 new키워드와 String()메서드를 이용하여 생성한다. let t = new String("hello javascript"); 1. charAt(index) 문자열에서 인덱스 번호에 해당하는 문자를 반환한다. let t = "Hello Thank you good luck to you"; document.write(t.charAt(16)); // 인덱스 16에 저장된 문자를 불러오기때문에 g를 반환하게 된다. 2. indexOf("찾을 문자") 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환한다. let t = "Hello Thank you good luck to you"; document.write(t.indexOf("..

[Javascript] var, let, const 차이점

자바스크립트에서의 변수 선언 방식은 var, let, const가 있다. 예전에는 변수를 선언할때 var만 사용했다면 2015년에 출시된 ES6부터는 let, const가 추가되었고 . var보다는 let, const를 사용하는 것을 권장한다. 오늘은 이 셋의 차이점에 대해서 공부해볼 것이다 🔥 ES란 ? ECMAscript의 약자로 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 한마디로 자바스크립트를 표준화하기 위해서 만들어졌다. 이 셋의 차이점을 알기 위해서는 먼저 scope에 대해서 알아야한다. scope -> 해당 코드가 사용 될 수 있는 범위를 나타내는 말 -전역 스코프 코드의 가장 바깥 영역에 존재하며 코드 어디에서든지 참조 가능하다. - 지역 스..

[Javascript] 자바스크립트 스타일 가이드 가볍게 알아보기

자바스크립트의 스타일 가이드 ( ੭ ̇ᗜ ̇ )੭ 스타일 가이드란 ? 각 프로그래밍 언어마다 권장하는 방법이다. 가독성을 위한 암묵적인 약속이라고 생각하면 된다. 1. 사용할 수 있는 문자 알파벳 ( 대소문자 ) , 숫자 (0~9) , underbar(_) , 달러기호 ($) 를 사용할 수 있다. 2. 변수 - 숫자는 변수의 첫 글자로 올 수 없다. 두번째글자부터 가능하다 ex) 1js (x) js2(o) - 다른 언어에서도 그렇듯이 대소문자는 구별해서 써야한다 myname !== Myname - 예약어는 변수로 사용이 불가능하다. (if, for 등 처럼 이미 기능적으로 사용되고 있는 단어들) - 의미없는 이름들 X 가독성을 위해서 변수이름은 최대한 관련있는걸로 짓는게 좋다. 너무 추상적인 이름도 피하..