코딩36 별도의 자바스크립트 파일 만든 후 참조하여 코드 단순하게 작성하기 자바스크립트 객체로 함수를 저장한 후 별도 파일에 저장할 수 있습니다. 확장자가. js인 파일에 별도 저장한 코드를 불러와서 사용하게 되면, 복잡한 코드를 모두 적지 않아도 됩니다. 단순 명료하게 코드 작업을 할 수 있습니다. 객체를 만들고 함수를 저장한 후 버튼을 클릭하면 서식이 변경되는 예시를 만들겠습니다. nightdaytrans를 이름으로 하는 함수를 만듭니다. 버튼을 클릭하면 글자색과 배경색이 바뀌도록 하는 함수입니다. 본문의 텍스트는 임의로 작성하였습니다. Body라는 객체를 만듭니다. { } 중괄호에 함수를 저장할 수 있습니다. setColor: 는 property를 뜻합니다. document. 는 객체를 의미합니다. querySelector는 함수이면서 객체에 소속되어 있으므로 메서드라 칭.. 2020. 9. 15. 자바스크립트 객체 object 에 값 넣는 방법과 가져오는 방법, 반복문으로 객체의 값 모두 가져오는 방법 객체 object는 코드에서 사용된 다양한 함수와 변수를 연관된 것끼리 모아 정돈하는 기능을 합니다. 객체에 속해 있는 함수는 "함수"라고 하지 않고 "메서드"라고 합니다. 객체를 만들 때 사용하는 기호는 object literal이라고 합니다. 객체는 중괄호 { }에 값을 저장합니다. 객체에 값을 저장할 때는 데이터 값을 설명하는 별도의 이름을 붙여주어야 합니다. 이 별도의 이름은 라벨과 같은 기능을 하며 데이터 값이 어떤 내용인지 확인할 수 있도록 돕습니다. 아래 예시에서 chan이라는 데이터 값에 doctor라는 라벨과 같은 기능을 하는 key를 붙였습니다. 그리고 { } 중괄호 안에 객체의 값으로서 저장하였습니다. 객체에 저장된 값을 가져올 때는 오브젝트 access operator 로서 peri.. 2020. 9. 15. 자바스크립트 함수 Function, 매개변수 Parameter, 인자 Argument, 반환 Return 함수는 영어로 Function이라고 합니다. 객체를 만들 때 쓰이는 함수를 Method라 부르기도 합니다. 연속적으로 반복하는 것이 아니라 불규칙적으로 반복하는 코드를 작성할 때, while 반복문을 사용하기 어렵습니다. 이때, 반복적으로 등장하는 코드를 함수를 사용해 만들 수 있습니다. 함수로 축약된 코드를 반복해서 사용하면 유지보수가 쉬워집니다. 함수에 있는 코드를 일부 수정했을 때, 반복해놓은 모든 함수에 동시에 수정된 코드가 적용됩니다. 또한, 코드를 길게 늘여 쓰지 않고도, 짧은 함수 이름만으로 코드를 작성할 수 있습니다. 함수 이름은 코드의 기능을 떠올릴 수 있도록 자유롭게 만들 수 있습니다. 함수를 이용하면 심플하고 효율적인 코딩이 가능합니다. 함수는 입력과 출력의 개념으로 이루어집니다. 입.. 2020. 9. 11. 이전 1 2 3 4 ··· 12 다음
