깊은복사
-
JavaScript 입문 : textRPG 만들기 - 롤플레이 대상(헌터와 사냥감) 초기 설정, 초기화면, 일반메뉴 화면, 사냥메뉴 연결 구조 설정컴퓨터 알아가기/JavaScript 2022. 9. 5. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난시간까지 만들어야 할 순서도와 기본적인 프레임인 HTML과 JS 기본구조를 만들었습니다. 이 과정은 훈련화 되어야 하기에 거의 공장에서 일련의 과정을 거쳐가는 것 처럼 연습하고 있습니다. 이제는 기본프레임하에 자바스크립트 공부를 본격적으로 시작해 볼 예정인데 순서도를 기억해 보면 시작하여 헌터의 이름을 입력하고 일반메뉴 (사냥을 가기위한 모험편, 휴식편, 종료)의 화면이 필요하고 모험편으로 들어갔을때는 실질적인 사냥편을 구성해야 합니다. 이러한 큰 설계측면에서 연결구조를 볼 예정입니다. 1. 헌터와 사냥감 초기 설정 이 단계에서는 헌터와 사냥감의 능력치를 초기 세팅해 줍니다. 초기 세팅된 능력치로 상호간 공격을 할 수 있기때문에 사냥..
-
JavaScript 입문 : 참조(Referal), 얕은 복사(Shallow Copy), 깊은 복사(Deep Copy) - 1컴퓨터 알아가기/JavaScript 2022. 9. 1. 19:30
자바스크립트를 공부하면서 익혀야 될 이론이 참으로 많은 것 같습니다. 여러가지 메소드들을 접하면서 돌아서면 낯설은 느낌들이 많지만 이왕 시작한 공부 포기할 수는 없어 보입니다. 오늘은 자바스크립트 용어(?) 혹은 메소드라고 볼 수 있는데요. 참조와 얕은 복사 그리고 깊은 복사라는 개념을 일부 알고 가도록 하겠습니다. 우리가 지금껏 변수에 대입하던 행위들이 기본적으로 '참조'라고 보면 될 듯 합니다. 다음을 예로 들면서 이해 하도록 하겠습니다. 당연히 변수 a 가 참조하는 배열은 1, 2, 3입니다. 이럴 경우 a에 첫번째수를 원하는 숫자로 변경할 수 있으며 그 후 a는 변경된 숫자를 나타내게 됩니다. 이럴 경우 굳이 내용을 표현하자면 변수 a 는 배열 1, 2, 3을 참조하고 있기때문에 언제나 참조값은 ..
-
JavaScript 입문 : JSON.parse( JSON.stringify( ) )를 이용한 깊은 복사컴퓨터 알아가기/JavaScript 2022. 8. 31. 19:30
이전까지 기본적인 JSON의 구조와 의미 아울러 JSON.parse( ) 메소드와 JSON.stringify( ) 메소드에 대해 기본적인 내용을 정리 하였습니다. 이 중 두 메소드를 같이 쓰는 경우가 있습니다. 이는 문자열화 시킨내용을 자바스크립트 언어로 사용할 수 있는 객체로 만들어 주는 과정인데 첫번째 문자열로 변환되는 과정에서 참조객체가 무시됩니다. 따라서 일반 객체에서 변수를 바꾸어 주면 결과값이 바뀌는 형태가 아닌 최초 선언된 내용을 그대로 담고 있다고 보면 됩니다. 무슨 말인지 예를 들어 보겠습니다. 전체 과일 배열속에 3가지 객체를 넣어 보았습니다. 첫번째 apple에 접근하기 위해 fruit1과 fruit2를 만들어 다음과 같이 참조하고 콘솔에 나타내 보았습니다. 결과값은 같게 보입니다만,..