js6 [Javascript] JSON 객체화 방법, 문자열화 방법 JSON은 이미 다양한 곳에서 사용되고 있기 때문에 사용방법은 생략한다. 자세한 내용은 Wiki(한글) 참조 : https://ko.wikipedia.org/wiki/JSON JSON - 위키백과, 우리 모두의 백과사전 JSON(제이슨[1], JavaScript Object Notation)은 속성-값 쌍( attribute–value pairs and array data types (or any other serializable value)) 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있 ko.wikipedia.org JSON은 "문자열"로 이루어져있지만 브라우저에서 읽을 때는 객체로 사용이 된다. 그래서 JSON 형식의 데이터는 코드를 짤때 문자열로 변환하는 방법.. 2021. 10. 29. [Javascript] lodash의 설명과 예제, 자주 쓰는 함수 이전 포스팅에서도 lodash 코드를 간략하게 올린 적이 있다. - 공식 문서 : https://lodash.com/docs/4.17.15 - 참조 URL : https://solyi.kr/215 [Javascript] 구조 분해 할당(배열,객체) / 전개 연산자 / 데이터 불변성 / 얕은복사와 깊은 복사 (lodas 구조 분해 할당 - 객체 / 배열의 구조 분해 할당 console.group('@ 객체의 구조 분해 할당') // 구조분해해서 원하는 데이터만 사용할 수 있음 const { name: me, age, email, address = 'Korea' } = user console.. solyi.kr lodash는 기능적 프로그래밍 패러다임을 사용하여 일반적인 프로그래밍 작업을 위한 유틸리티 기능.. 2021. 10. 29. [Javascript] Named Export / export default js파일에서 데이터나 함수를 외부파일에서 사용할때 export 로 내보내줘야한다. export 와 export default 로 작성 되어있는 샘플을 흔히 볼 수 있는데 그 차이를 알아보려고 한다. export default : 기본 export 내보내는 JS파일에서 function 이름은 생략이 가능하다. 한가지 함수만 작성할 수 있다. 가져오는 JS파일에서 import 함수명 부분은 다른 이름으로 변경해도 상관없다. // getRandom.js export default function () { return Math.floor(Math.random() * 10) } // main.js import getRandom from './getRandom' export : named export 내보내는 JS.. 2021. 10. 29. [Javascript] 문자열 / 숫자와 수학 String 참조 URL : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org 문자열 length indexOf slice replace match trim // length const str1 = '0123' console.log(str1.length) // indexOf(이값이 몇번째에 있니) console.log('@ indexOf(이값이 몇번째에 있니) ') const str2 = 'Hello World' console.log(str2.indexOf(.. 2021. 10. 27. [JavaScript] 생성자 함수 / this / es6 class / 상속 / 확장 생성자 함수 - 일반적으로 사용하는 function이 내용이 같을 땐 효율이 좋지 않으므로 생성자 함수를 만들어서 작성한다. const solyi = { firstName: 'Solyi', lastName: 'Choi', getFullName: function (){ return `${this.firstName} ${this.lastName}` } } console.log(solyi.getFullName()) // 위가 일반적으로 사용하는 함수 // 아래가 생성자 함수 function User(first, last) {//생성자 함수는 첫글자를 대문자로 작성하는 암묵적인 룰! this.firstName = first this.lastName = last } const person1 = new user('.. 2021. 10. 26. [JavaScript] 함수 기초, 화살표 함수, 즉시실행함수(IIFE), 호이스팅, 타이머 함수 성능에 영향을 끼칠수있으므로 함수 호출 회수는 줄이는 게 좋다. 반복적으로 사용 될때는 변수에 담아서 사용하고, 단일로만 사용될 땐 함수를 직접 호출하는 방법이 있다. 함수표현 : 변수에 담아서 사용하는 함수 익명함수 : 이름이 없는 함수 기명함수 : 이름이 있는 함수 함수 내에서 return 문을 만나면 종료된다. arguments : 인수를 지정하지 않아도 함수 내에서 활용할 수있다. 인수가 너무 많은 경우에 사용 function sum(){ console.log(arguments) return arguments[0] + arguments[1] + arguments[2] } const z = sum(1,2,3) console.log(z) 화살표 함수 : 일반 함수의 축약형 매개 변수가 하나라면 소괄호.. 2021. 10. 26. 이전 1 다음 반응형