로니의 개발 이야기

1. 중첩된 객체 (Nested Object) String은 위치와 값이 같이 저장되지만, Array는 각각 별도의 공간에 독립적으로 저장된다. 여기서 Object.assign을 통해 복제를 하게 되면, 그 객체의 property 만 복제가 되는 것이다. 그리고 property의 value 값이 객체인 경우에는 값을 복제하는 것이 아니라 위치(reference)를 복제하게 된다. 잘 복제가 되었다고 생각을 하게 되어 o2를 수정해도 이제 o1인 원본 데이터에 영향이 가지 않을 것이라고 생각을 해서, o2.score.push(3)의 명령을 내린다면? 아래와 같이 원본 데이터에 변화를 초래한다. 따라서, property의 값이 객체인 경우에 객체를 수정할 때 원본 데이터에 영향을 주지 않으려면 별도로 할당되..

1. 객체를 사용하는 이유? 첫번째 이유는 정리정돈의 수단으로서의 사용이다. 다양한 함수들을 사용하게 되고, 변수들이 많아지면 복잡해진다. 이때 복잡도의 한계에 도달하게 된다. 이러한 한계 상황에서 서로 연관된 함수와, 서로 연관된 변수를 같은 이름으로 grouping 해서 잘 정리정돈 하기 위한 도구를 객체라고 한다. 폴더, 디렉토리라고 생각하면 된다. 객체에 속해있는 함수는 메소드 라고 부른다. 2. 객체 생성 3. 객체의 데이터 순회 names 가 method 에 박혀있기 때문에, 만약에 객체의 변수 이름이 바뀌는 경우, 데이터를 못가져오는 현상이 생길 수 있다. 이런 경우에는 showAll 이라고 하는 함수 안에서, 이 함수가 소속되어 있는 객체를 가리키는는 약속된 기호를 사용한다. 바로 this..

1. Functin Basic 위와 같이 같은 내용을 출력하고 싶을 때, 기존의 우리는 1 -1과 1-2 를 두번 입력해서 코드를 짜게 된다. 하지만 1-1 과 1-2가 수천만개가 있다면? 얘기가 달라진다. 이러한 불편함을 줄여주기 위해서 등장한 기능이 함수이다. 1-1과 1-2를 출력해주는 함수를 정의하고 그 함수를 호출해서 사용하면 중복을 줄여줄 수 있다. 함수의 호출은 위의 코드와 같이 함수의 이름(); 로 호출하게 된다. 2. function parameter & argument 함수에서 입력을 받기 위해 선언하는 변수를 매개 변수(parameter) 라고 하고, 그 매개 변수에 넣는 값을 인자(argument) 라고 한다. 3. Function return 함수에서 입력 받은 값을 출력하는 것을..

Javascript 는 동적인 언어이다. 이벤트(event) : 웹 브라우저 위에서 발생되는 모든 일들을 뜻한다. 어떤 이벤트가 일어났을 때, 자바스크립트 코드가 실행되는 것도 포함된다. ex ) onlick, onkeydown 자바스크립트에서 주로 쓰이는 데이터 타입은 문자열, 숫자가 있다. 자바스크립트에서 변수(variable)은 var로 표현한다. 리팩토링 : 자바스크립트에서 중복을 제거하는 등의 행위를 리팩토링이라고 부르는데, 비효율적인 코드를 효율적으로 만들어서 가독성을 높이고, 유지보수 하기에 편하게 만드는 것을 말한다.