차근차근 배움터

자바스크립트 메서드 이름 짓기 규칙 자바스크립트에서 메서드 이름을 지을 때는 다음과 같은 규칙을 따르는 것이 좋습니다. 1. 동사로 시작하기 메서드 이름은 보통 동사로 시작합니다. 메서드가 어떤 동작을 수행하는지 잘 나타내야 합니다. 2. 카멜 케이스 사용하기 두 개 이상의 단어를 이어서 메서드 이름을 지을 때는 카멜 케이스(camel case)를 사용합니다. 즉, 두 번째 단어부터 첫 글자를 대문자로 적습니다. // Good function calculateTotalPrice() { // ... } // Bad function calculatetotalprice() { // ... } 3. get, set 접두어 사용하기 객체의 속성을 가져오거나 설정하는 메서드의 경우, get과 set 접두어를 사용하..

전개연산자 예시와 정의 전개 연산자(Spread) 전개 연산자(Spread)는 배열이나 객체 같은 iterable(반복 가능한) 객체의 요소를 하나씩 분리하여 전개한다. 배열의 내용을 첫번째부터 끝까지 나열하고 싶을 때 일일이 작성하는 것 대신 전개 연산자를 사용하여 간단하게 작성할 수 있다. 예시: const fruits = ['apple', 'banana', 'kiwi']; console.log(...fruits); 결과: apple banana kiwi rest parameter 함수의 매개변수에도 이와 같은 전개 연산자를 이용할 수 있는데, 나머지의 모든 인수를 받아내는 역할을 하기 때문에 ‘나머지 매개변수’라고 한다. 또한 속성의 이름과 변수의 이름이 같으면 축약할 수 있다 하나만 남겨도 가능하..

// IIFE를 만드는 방법 (function() { alert("함수를 괄호로 둘러싸기"); })(); (function() { alert("전체를 괄호로 둘러싸기"); }()); !function() { alert("표현식 앞에 비트 NOT 연산자 붙이기"); }(); +function() { alert("표현식 앞에 단항 덧셈 연산자 붙이기"); }();

var a = "가 나 다 라 마 바 사 " a.replace(" ","") //"가나 다 라 마 바 사 " a.replace(/ /g,"") //"가나다라마바사" 자바에서는 .trim 을 사용했다면 자바스크립트에서는 직접 " " 공백을 replace(대체)할 문자를 "" 입력해주면 된다!

자바스크립트로 새로고침을 찾으려다가 여러가지 방법이 있다는 것을 발견했다. 일반적으로 새로고침하고 싶을 때 location.reload() 를 사용할 수 있다. location.reload(true) 라고 나와있는 곳도 있는데, 똑같이 실행이 된다. 그렇다고 location.reload(false)를 넣는다고 실행이 안되는 건 또 아니다. 1. location.reload() function method1(){ /* 예시 코드 .... */ location.reload() // refresh } 2. history.go(0) history.go(0); 현재 페이지가 0 이라고 생각해서 현재 페이지를 로딩하는 것이 history.go(0)이다. 따라서 이전페이지로 이동하고 싶으면 0 을 -1 로 그 전전 ..

JSON (JavaScript Object Notation) JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다. JSON 특징 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다. 자바스크립트 객체 표기법과 아주 유사하다. 자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 ..

Jquery 안 쓰려고 엄청 찾았는데 드디어 알아냈다 - ! 깔끔하게 이거면 끝난다.

JS로 어떻게 하려고 했는데 사실 아주 간단하다...

Javascript 배열 강좌 (나는 필요한 초반만 봤다) 저기저 복잡해보이는 배열 때문에 겨우 겨우 했다. 늘 하기 전에는 정말 어렵고 오래걸리다가 하고 나면 왜 이렇게 쉬운 것 같은지 ..... 이 시점에서 핵심은 저기 for 문 안인 것 같다. [0] 부분, HashMap안의 ArrayList 그리고 ArrayList 안의 Hashmap을 잘 이해할 수 있게 된 부분이다. function lineGraph(){ let myChart = document.getElementById('myChart').getContext('2d'); let massPopChart = new Chart(myChart, { type : 'line', // bar, horizontalBar, pie, line, doughnu..

유투브 짱... 구글 차트랑 다른 차트 참고하는 데 너무 헷갈려서 유투브 동영상을 참고하니 아주 뚝딱!