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 = 3; var b = 'hi'; var object = { c: 'friends' }; var string = b + ', my ' + a + ' ' + object.c; // 'hi, my 3 friends' 기존에 문자열을 만들 때에는 +와 따옴표를 사용하고~ 띄어쓰기도 고려해야하고~ 복잡한 방식으로 문자열을 만들었습니다. 템플릿문자열 const string2 = `${b}, my ${a} ${object.c}`; 되게 간단해졌습니다! 따옴표 대신 ` 백틱을 사용하였고 문자..

이번 게시글은 배열에 관해 설명해보겠습니다. 회사에서 실무를 하다보니 배열이 정말 많이 쓰이는 것을 느꼈습니다! 그래서 배열은 알고계시면 나중에 유용하게 사용되니 잘 숙지해두세요!! 먼저 배열은 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은 배열을 구분해줍니다. 괄호안에 아무것도 입력하지 ..