본문 바로가기

js5

MBTI 테스트 만들기 (JS,HTML,CSS) https://github.com/zhoho/Oss_project https://handongbti.netlify.app Handongbti Handongbti MBTI in Handong Let's find my personality type in HGU for fun Start 결과 페이지 📌 나의 특징은? 📌 나에게 어울리는 동아리는? 📌 주로 여기 있어요 📌 나와 어울리는 유형은? 모든 유형 보러가기 다 handongbti.netlify.app GitHub - zhoho/Oss_project: 22-1 open source software final project 22-1 open source software final project. Contribute to zhoho/Oss_project de.. 2022. 7. 25.
20210405#(27)JavaScript(함수고급) 자바스크립트는 함수도 하나의 자료형이기 때문에 매개변수로 전달할 수 있다. 이렇게 매개변수로 전달하는 함수를 callback 콜백 함수라고한다. (선언적 함수 사용) 1.callThreeTimes() 함수는 함수를 매개변수로 받았다. 2.callThreeTimes() 함수의 callback 매개변수에 print() 함수를 전달했다. 3.callThreeTimes() 함수 내부에선 callback(i) 형태로 함수를 호출함. 4. 매개변수로 전달된 print() 함수가 차례로 호출. (익명 함수 사용) 1.callThreeTimes() 함수는 함수를 매개변수로 받았다. 2.callThreeTimes() 함수 내 익명 함수를 통해 즉시 실행. #callback함수를 활용하는 함수 - forEach() fun.. 2021. 4. 5.
20210120#(20) JavaScript (상속 ) 먼저 코드를 살펴보자. 위 두 개의 코드는 서로 같은 결과를 나타낸다. 코드를 살펴보면 달라진 점은 첫 번째 코드의 this.introduce = function() 부분이 사라지고 Person.prototype.name = null; Person.prototype.introduce = function()으로 바뀌었다. 왜 두 코드가 같은 결과를 나타내고 이렇게 표현할까? 다음 코드를 보자. 1.Programmer라는 생성자를 만들고(function Programmer(name){ this.name = name;} ) 2.Programmer생성자의 prototype이라는 녀석과 Person의 객체를 연결했더니 (Programmer.prototype = new Person();) 3. Programmer .. 2021. 1. 20.
20210115#(19) JavaScript Array(객체 2) JS에는 전역 객체가 있다. js의 모든 객체는 전역 개체의 프로퍼티라고 할 수 있다. -> 전역 개체라는 부모가 있고 다른 모든 객체들은 전역 객체라는 부모의 자식이라고 생각하면 될 듯하다. 위 코드에서 func(); 그리고 window.func(); 둘 다 동일하게 실행이 된다. 이로 알 수있는 사실은 모든 전역변수와 함수는 window(전역객체)객체의 프로퍼티이다. 위 코드에서도 j.func(); 그리고 window.j.func(); 는 둘다 동일한 값이 출력된다. #전역 객체의 이름은 host환경에 따라 다르다고 한다. 서버 측에서 사용하는 node.js 에서는 global, 웹브라우저에선 window이다. 꿋 2021. 1. 15.
20210106#(17) JavaScript Array(배열) #1 JavaScript 배열 할당 방법 let Array = ['apple', 'banana', 'coconut'] 이렇게 할당하게 되면 Array[0] = apple Array[1] = banana Array[2] = coconut 이렇게 할당이 된다. document.write(Array[0]); -> apple 출력 document.write(Array[1]); -> banana 출력 document.write(Array[2]); -> coconut 출력 #2 JavaScript 배열 크기 배열의 크기는 length를 이용한다. let Array = ['apple', 'banana', 'coconut','1','2'] document.write(Array.length); -> 5 출력 #3 Jav.. 2021. 1. 5.