실무에서 많이 쓰이는 배열 내장 함수!! 배열을 다루어 써야할 때 유용한 내장 함수에 대해서 알아보겠습니다! forEach - for문을 대체하는 함수 //for문 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; for (let i = 0; i { console.log(hero); }); 만약 배열의 전체 원소를 출력하고 싶다면 forEach문을 사용하여 더 간편하게 구..

JSON이란? JavaScript Object Notation으로 자바스크립트 문법을 빌린 데이터 교환 형식입니다. { "title": "Sujin Park", "age: 23", "Birthday": "2023-02-01", } JSON은 이런식으로 하나의 객체에 데이터를 표현합니다. 객체에는 문자열, 숫자, 불린, 배열, 객체 등등 다 사용가능하지만 함수는 사용이 불가능합니다! 또한 키와 값 모두 큰따옴표로 감싸져야합니다. stringify/ parse var example = { "stringifyMe": "Good", "andParseMe": "bye" }; var string = JSON.stringify(example); // '{"stringifyMe":"Good","andParseMe":"..

자바스크립트식 객체 지향 프로그래밍에 대해 알아봅시다! 생성자 생성자 함수란 , 객체를 생성하는 함수를 말합니다. 객체인데 new를 붙여 함수처럼 호출을 합니다. function Person(name, gender) { this.name = name; this.gender = gender; this.sayHello = function() { alert(this.name + ' said "hello"'); } this.... // 사람의 속성과 메소드를 더 정의할 수 있습니다. } 위 코드는 사람 생성자를 정의한 코드인데 함수처럼 function을 사용하였지만, 함수와 달리 앞에를 대문자로 시작하게 만듭니다. 이렇게 정의해둔 생성자를 new라는 키워드를 사용하여 실제 사람 객체로 만들 수 있습니다!! ne..

이번 게시글은 배열에 관해 설명해보겠습니다. 회사에서 실무를 하다보니 배열이 정말 많이 쓰이는 것을 느꼈습니다! 그래서 배열은 알고계시면 나중에 유용하게 사용되니 잘 숙지해두세요!! 먼저 배열은 var a = [1,2,3] 이런 형식으로 사용됩니다. a라는 변수는 값 1,2,3을 가지고 있는 배열이죠. 배열.length var array = [1, 2, 3, 4]; array.length; // 4 배열.length는 배열의 길이를 반환해줍니다. array의 길이는 4이므로 4가 반환됩니다. 배열.join var array = [1, 2, 3]; array.join(); // "1,2,3" array.join(':'); // "1:2:3" 배열.join은 배열을 구분해줍니다. 괄호안에 아무것도 입력하지 ..

이번 편은 자바스크립트의 반복문에 대해 설명해보겠습니다! 자바스크립트 반복문은 for과 while이 대표적인데 for문 for(시작; 조건; 끝){ 내용 } for (var i = 0; i < 10; i++) { alert(i); } 이 코드 같은 경우에 시작이 var i =0 , 즉 i라는 변수를 0으로 선언하고 0부터 시작한다는 것이고 조건은 i가 10미만일 때 까지 실행하겠다! 끝은 i++로 한번 실행이 완료될때마다 i값을 한개씩 증가시키겠다입니다. 따라서 alert(i)는 0번째부터 9번째까지 총 10번 출력이 됩니다. while문 while(조건) { 내용 } var i = 0; while (i < 10) { alert(i); i++; } for문과 유사하지만 for은 주로 반복 횟수를 정할 수..

자바스크립트의 대표적인 조건문으로는 if와 switch가 있습니다! If문 if ( 조건 ) { 내용 } if문은 조건이 true일 때 내용이 실행됩니다! var a = 5; if (a < 6) { alert('6보다 작음'); // alert함수는 메시지를 띄웁니다. } 위 코드를 보면 a가 5로 선언되어 있고, if문 조건을 보면 a가 6보다 작으면 alert 창을 띄운다라고 명시되어 있는데, a가 6보다 작으므로 alert 창이 실행됩니다. if문은 else나 else if를 덧붙여 조건을 구체화시킬 수도 있습니다! if(조건){ 내용 } else if (조건) { 내용 } else { 내용 } if 조건문이 만약 false일 경우 else if 문으로 넘어가게 되고 else if 조건문이 만약 t..

아주 간단한 연산자만 빠르게 집고 넘어가겠습니다! 산술연산자 - 덧셈, 뺄셈, 곱셈, 나눗셈 - +, - , * , / 또는 % /는 나눈 값 전부 , %는 나누고 난 나머지 값 다른 언어에서는 /가 나눈 몫을 의미하는데 자바스크립트는 그냥 나누기이니까 헷갈리지 마세요!!@@ var a = 1 + 2; // 3 var b = 5 - 3; // 2 var c = 2 * 4; // 8 var d = 6 / 4; // 1.5 var e = 8 % 3; // 2 문자열연산자 - + 연산자 - 문자열을 더할 때 만약 문자열이 아닌 데이터가 존재한다면 문자열로 바꿔서 연결 var string = 'hello ' + 'world'; // 'hello world' var string2 = 'hi' + 9; // 'hi..

자바스크립트의 꽃은 함수라고 한다...!..... 오늘은 자바스크립트 꽃에 대해 설명해 보겠습니다. (요즘에는 ES6의 화살표 함수 구조가 더 많이 사용되는 걸로 알고 있는데, 일단 함수의 기본부터 설명해 보겠습니다!) 함수 (Function) 자바스크립트에서 함수는 function add(x) { var y = x + 1; return y; } var mul = function(x) { var y = x * 2; return y; }; 이런 구조로 선언할 수 있습니다. add 함수는 add라는 함수 안에 처리해 줄 값들을 설정해 주고, mul은 변수 mul을 선언한 후, 그 변수에 함수를 대입해 주는 방식으로 설정해 주었습니다. mul함수를 더 자세히 보자면! mul은 함수를 정의해 줄 함수의 이름, ..