자바스크립트 (6) 썸네일형 리스트형 JavaScript 배열에서 요소 추가, 삭제 및 교체: splice 함수 사용법 JavaScript에서 배열은 데이터를 효과적으로 관리하는 중요한 데이터 구조 중 하나입니다. 배열의 요소를 조작하려면 내장 함수 중 하나인 splice를 사용할 수 있습니다. splice 함수는 배열의 특정 위치에서 요소를 추가, 삭제 또는 교체할 수 있는 강력한 도구입니다. 이 함수를 사용하여 배열을 다양한 방식으로 변형할 수 있으며, 이 글에서는 splice 함수의 사용법을 자세히 살펴보겠습니다. 1. 요소 삭제 splice 함수를 사용하여 배열에서 요소를 삭제하는 방법을 알아보겠습니다. 예를 들어, 다음과 같은 배열이 있다고 가정해 봅시다. var fruits = ["사과", "바나나", "체리", "딸기"]; 이 배열에서 "바나나"와 "체리"를 삭제하려면 다음과 같이 splice 함수를 사용할 .. JavaScript 자바스크립트의 관대함 this, argument C 언어와는 다르게 매개 변수를 함수에 넣어 줄 때 꼭 정확하게 개수를 맞출 필요가 없다. 약속어 처럼 사용 하는 arguments는 알아서 배열 기능도 가지고 있어 원하는 인자를 넣어 주기만 하면 알아서 배열도 되었다가 단일변수도 되었다가 마법을 부린다. C 언어에서 말하는 객체와 속성 함수 메서드의 개념도 쫌 차이가 있다. 속성에 함수가 들어 있다면 그걸 메소드라고 부른다. 함수가 가지는 메서드에는 APPLY , CALL 등을 가지는 데 APPLY를 사용해 보았다 . APPLY이는 이렇게 사용하는데 SUM(1,2) = SUM(NULL,[1,2]) 같은 값이 나온다. 그러면 왜 쓰는 걸까 ? THIS라는 예약어와 연관이 있다. NULL이였던 자리에 사용하고자하는 객체 변수를 넣어주면 var this =.. Javascript 문법 - 얕은 복사 (spread연산자) / 깊은 복사(JSON메서드) : 백엔드 //얕은 복사 -> spread ... 문법 사용 const child1 = { name: "철수", age: 13, school: "다람쥐초등학교" } const child2 = { ...child1 } child2.name = "영희"; console.log('child1', child1) console.log("child2", child2) //깊은 복사 -> JSON 문법사용 or lodash -> 공부 const child3 = { name: { first: "김", last: "철수" }, age: 13, school: "다람쥐초등학교" } const child4 = JSON.parse(JSON.stringify(child3)); //완전 새로운 객체 child4.name.first = "최".. Node.js 데이터와 처리 방법을 담는 그릇으로서 객체 자바스크립트는 다른 객체 언어와는 양상이 다르다. var v1 = 'v1'; //1000 codes v1 = 'egoing'; var v2 ='v2'; var p = { v1 : 'v1', v2 : 'v2', f1 : function (){ console.log(this.v1); }, f2 : function (){ console.log(this.v2); } } p.f1(); p.f2(); 함수는 값이다. 변수 안에 넣을 수 있다. 함수를 객체화 한 코드이다. //Node.js import -> 크롬의v8엔진을 외부에서도 사용할 수 있게 runtime 프로그램 var http = require('http'); var fs = require('fs'); var url = require('url'); // .. JavaScript : 함수는 값이다 ? 잉? C# 기반의 개발 및 공부만 해온 나에게는 너무 신선한 충격이다. 강의를 들으면서도 계속 이게 된다고? 생각하면서 코드를 쳐 놓고도 들여다 보기를 반복하고 있다. 그리고 이 부분이 자바스크립트 언어 만의 강력한 장점이 될 수 있겠다는 생각이 들었다, 함수를 객체화 할 수 있는건 다른 언어에서도 가능하지만 변수 안에 넣을 수 있는 값으로 인식을 하니 활용 범위가 무궁무진해진 느낌이다. 그냥 간단한 예제 위주로 작성해 보았다, 이렇게 선언한 변수 안에 바로 익명 함수를 작성할 수 있다. 자바스크립트에서는 다른언어에서는 딕션너리라고 명칭하는 문법을 객체라고 하던데 함수가 값으로서 기능을 하다 보니 이미지와 같이 키값 안에 함수를 바로 작성할 수 있다. 만든 함수의 인자로 함수를 받을 수도 있고 함수 안에 변수.. JavaScript : 라이브러리 사용 맛 보기 웹 , 앱 개발을 위해 자바와 자바스크립트를 집중적으로 공부하게 되었다. 웹과는 인연이 닿지 않을 줄 알았는데 너무 기쁘고 앞으로의 여정이 기대 된다. 웹 개발은 해보고 싶었지만 늦은 시작에 경쟁력이 떨어 진다 생각하여 제조업 윈폼 개발에 집중하고자 하였지만 예상처럼 째든 IT에 뛰어드니 접할 기회가 생겼다. 해보니 기초 문법은 C 와 JAVA 의 틀과 비슷하여 거부감이 없으나 역시 라이브러리를 가져오니 잉? 이렇게 된다고? 서울 사람이 부산에서 지내다가 갑자기 토박이 제주도 할머니와 대화하는 느낌이랄까 종잡을 수가 없다. 일단 교제보다는 유투브 강의가 당장에 언어에 익숙해지는데 도움이 된다고 생각하여 공부하고 있다. 오늘은 간단하게 라이브러리를 맛만 보도록 하자 jQuery 사이트에 가면 해당 개발 j.. 이전 1 다음
