본문 바로가기

분류 전체보기

(34)
15. 매개변수 예제 (쉽게설명) 매개변수가 유동적일땐 2가지 방법으로 처리 할 수 있다고 앞전에 배웠습니다. 1. ...num 으로 넣어 num에 가능한 수들이 들어간다. 2. arguments를 써서 유사 배열로 들어간다. ...args로 들어 왔으므로 가능한 수들이 [10,30,40] 로(배열은아님) 들어왔다. Math.max() 메소드에서 ()괄호 안에는 숫자 형태로만 들어가야 한다. 배열 들어 갈수 없다. (만약 배열이 들어가면 NaN 출력한다.) 근데 ...arr 이 들어 갔으므로 10,30,40,20이 들어가서 그중 가장 큰수 40을 출력한다. []에 ...arr이 들어 가고 출력이 되면 아래 둘중에서 어떤 형태일까 ? 답은 첫번째 [10,30,40,20]형태이다. ...arr ,'pre',...['course','stude..
14. 원시 자료형과 reference 타입 본격정리 원시 자료형 : 객체가 아니면서 method를 가지지 않는 데이터 string, number, bigint, boolean, undefined, symbol - 원시 자료형 그자체와 원시 자료형이 할당된 변수를 구분 하여야한다. - let, var 는 재활당이 가능하고 const는 재활당이 불가하다. - 변수의 크기는 고정되어 있다. - 원시 자료형을 변수에 할당할 경우 값자체 복사가 일어 난다. reference타입 : 데이터는 별도로 관리되고, 우리가 직접 다루는 변수에는 주소가 저장 배열([])과 객체({}), 함수(function(){})가 대표적 이다. - 변수의 크기가 동적으로 변한다. - 데이터 자체는 변도의 메모리 공간에 저장된다. - 데이터가 위치한곳을 가리키는 주소가 변수에 저장된다. ..
3. 맥북 Git / folk하여 push까지 과정 (쉽게 설명) 1. 먼저 folk(쉽게 말해서 나의 repositoties 공간에 다른 사람들이 올려놓은 소스 파일을 가져오는것) 하고 싶은 것을 찾는다. 오른쪽 상단에 보면 folk 버튼이 있습니다. folk 버튼을 눌러주세요 2. folk를 누르면 뜨는 창에서 나의 아이디를 누른다. 3. 나의 repositories에서 포크해온 깃에서 초록색 버튼 code를 누르고 나오는 clone 주소를 복사 4. 터미널을 실행 1)cd Desktop을 입력하여 바탕화면으로 이동 한다. (따로 파일을 만들고 싶은 공간이 있으면 그곳으로 이동) 2)파일을 새로 생성한다. mkdir 파일명 3)위에서 생성한 파일로 들어간다. cd 파일명 4)git clone github.com/yeonjuu417/react.git( 아까 초록버튼 ..
13. cluser 클로저 예제 (쉽게설명) 클로저는 내부 함수가 외부의 함수 값을 사용 하고 있냐 아니냐 를 따지면 쉽게 이해 가능하다. 외부 함수는 seenYet 내부 함수는 익명의 return하고 있는 함수 이다. 내부 함수 에서 if문 조건에 외부 함수에 선언되어 있는 객체를 가져와서 사용하고 있다. 그러므로 익명의 함수는 클로저 이다. 탕탕탕 여기서 함수는 총4개 이다. 1. 외부함수 multiplyByX와 내부함수 리턴되는 익명함수 -> 익멱의 내부 함수는 reuturn x*y를 하면서 x의 값을 외부에서 가져오고 있다. 그래서 클로저 이다. 2. 외부함수 multiplyByFivedhk 와 익명의 리턴되는 내부함수 -> 익명의 내부함수는 외부에서 값을 가져오지 않기 때문에 클로저가 아니다
12. scope예제 ( 쉽게 설명) ** scope 스코프 ** result 값은 get() 함수에 인자 20을 넣은것이다. 그럼 get(20)을 실행하면 어떻게 될까? 함수 get()은 매개변수를 갖지 않기 때문에 get(20)을 하여도 함수 get()안에 return x는 전연에 선언된 var x=30 에서 x값을 가져온다 x값은 30 이다. 이런경우는 1번 문제와 다른점은 get(x)함수에서 매개변수 x값을 받는다는 점이다. 그래서 get(20)을 실행하면 20이 함수 안으로 들어가서 return x를 하면 매개변수로 들어온 20을 x값으로 리턴 한다. result값은 get(20)이다. 함수 get()은 매개변수를 받지 않기에 20과는 상관 없이 x 값을 리턴한다. 그런데 앞서 set(10)를 실행하면서 set(value)함수 에서..
11. 매개변수 전달인자와 함께 함수에 전달 됩니다. 매개변수를 통해 받은 인자를 매개변수에 넣어 사용 합니다. ** 만약 전달일자의 길이가 유동적이라면 ...? ** 1. function getMaxNum(...num){ console.log(num); //[3,5,8,10] } getMaxNum(3,5,8,10); ...num으로 매개변수 지정 ! function getMaxNum(...nums){ return nums.reduce(function(acc,aurrent) { if(acc > current) { return acc; } else { return current; } }); } getMaxNum(3,5,8,10); //10 2. arguments라는 키워드를 이용할수도 있다. function getMaxN..
10. 객체지향 하나의 틀을 만들고 그 틀로 똑같은 구조의 것을 여러개 찍어내는 것이다. ** 객체 지향 만들기 ** //클래스명은 꼭 대문자로 시작 Function Car(brand, name, color){ //인스턴스가 만들어 질때 실행되는 코드 } Class Car(){ construstor(brand, name, color){ //인스턴스가 만들어 질때 실행되는 코드 } } 위에 두가지 방법으로 클래스를 생성 한다. let model3 = new Car ('tesla', 'medel3', 'black'); let models = new Car ('tesla', 'medels', 'red'); let modelx = new Car ('tesla', 'medelx', 'white'); New 키워드를 통해 인스턴스..
9. closure 클로저 클로저 : 외부 함수의 변수에 접근할 수 있는 내부 함수 -> 안쪽에선 바깥쪽 모두다 참조가 가능하다. 그러므로 총 3개에 접근 가능 하다. 클로저 함수 : 외부 함수의 변수에 접근할 수 있는 내부 함수 ->함수 outerFn(); 호출 하면 먼저 console.log(outerVar)먼저 해주고, 실행되지 않은 innerFn함수를 리턴합니다. -> 1번 : outer 와 inner이 출력된다. // ()()괄호가 두개 이면 바깥함수와 안쪽 함수 둘다 호출 하는것이다. -> 2번 : outer 이 출력된다. // outerFn(); 할경우 outerFn이 출력되고 innerFn은 그냥 리턴된다. 근데 그것을 innerFn변수에 담으면 리턴 innerFn은 리턴되지 않는다. -> 3번 : inner 이 출..