전체 글 (34) 썸네일형 리스트형 22. 재귀함수 재귀함수 쉽게 말하면 함수 내부에서 자기 자신의 함수를 반복해서 사용하는 것이다. 반복이 끝나는 브레이크가 있어야 한다. 문제와 함께 재귀 함수를 알아보자 ! 몇몇개의 수학공식 관련 재귀 함수는 외워 두는게 좋은거 같다.... >_ 끄적이는 개념요약 (데이터 입-출력 구현) 데이터모델 : 현실세계의 정보들을 컴퓨터에 표현하기 위해서 단순화 추상화 하여 체계적으로 표현한 개념적 모형이다. 데이터 모델의 구성요소 개체 : 사람이 생각하는 개념이나 정보 단위 같은 현실세계 대상체 속성 : 데이터의 가장 작은 논리적 단위 관계 : 개체 간의 관계 또는 속성 간의 논리적 연결의미 데이터 모델 표시할 요소 구조 : 논리적으로 표현된 개체타입들 간의 관계 연산 : 데이터베이스에 저장된 실제 데이터를 처리하는 작업에 대한 명세 제약조건 : 데이터베이스에 저장될 수 있는 실제 데이터의 논리적인 제약조건 1. 개념적 데이터 모델 : 현실세계의 대해 인간의 이해를 돕기 위해 현실 세계에 대한 인식을 추상적 개념으로 표현하는 과정 (E-R모델) 2. 논리적 데이터 모델 : 개념적 구조를 컴퓨터 .. 21. 함수메소드(apply, call, bind) 함수 메소드 3가지를 알기 전에 용어 정리 먼저 하고 갑시다 ! function Car (barnd, name, color){ //Car은 class 이다. this.brand = brand; //this는 this객체이며 여기서는 avante를 나타냄 this.name = name; this.color = color; } Car.prototype.drive = function(){// 속성, 메소드 정의 console.log(this.name + '가 운전을 합니다.'); } let avante = new Car('hyundai','avante','black'); // avante는 인스턴스 이다. 1. apply() 주어진 this 값과 배열 로 제공되는 arguments로 함수를 호출한다. func.. 21. 타이머 API 1. setTimeout 일정 시간 후에 함수를 실행한다. setTimeout(callback, millisecond) 실행할 함수 callback 을 millisecond후에 실행한다. setTimeout(function(){ console.log('1초후실행') },1000) 2. setInteval 일정 시간의 간격을 가지고 함수를 반복적으로 실행 setInterval(callback, millisecond) millosecond마다 callback 함수를 실행한다. setInterval(function(){ console.log('1초마다 반복 실행') },1000) 3. clearInterval 반복 실행중인 타이머를 종료 한다. clearInterval(timerId) let timer = s.. 20. 동기 호출 VS 비동기 호출 동기호출 : 즉시 실행 비동기 호출 : 나중에 실행 예를 들면 전화는 하던일을 멈추고 받아야함 (bloking) 요청에 대한 결과를 동시에 반응 한다. (synchronous) 동기를 뜻한다. 반면, 문자는 확인후 나중에 답장을 해도된다. 비동기이다. 동기 : 요청에 대한 결과가 동시에 일어난다. 비동기 : 요청에 대한 결과가 동시에 일어나지 않고 요청을 한번데 다받고 이벤트가 준비 되었을 때 응답을 나중에 이루어짐 1. 동기호출 순차 적으로 함수를 실행한다. 2. 비동기 호출 setTimeout 함수를 이용하여 callback 함수는 나중에 실행한다. ** 비동기 함수 전달 패턴 ** 1. callback 패턴 let request = 'caffelatte'; orderCoffeeAsync(reques.. 19. spread연산자 vs arguments spread연산자 vs arguments 의 대해 알아보자 ! 요즘은 argument 보다 스프레드 연사자(...arr)을 쓰는 추세이다. 먼저 두개를 비교하기 전에 용어를 파악하고 가자 1. 파라미터 VS 아규먼트 아규미터(argument)란 함수를 실행할때 넣는값이다. 파라미터 (parameter)란 함수에서 받을 수 있는 변수 이다. function add(val1,val2){//val1과 val2가 파라미터이다. reutn val1 + val2 ; } add(1,2)//여기서 1,2가 아규먼트 이다. 2. arguments(아규먼트에 s가 붙음!) 파라미터는 2개인데 아규먼트 3개이상 하고 싶은 때 함수 내부에서 arguments사용 할 수 있다. 유사배열 형태로 참조하는 값이다. let arr .. 18. 배열 내장메소드 총정리 배열 내장 함수를 알아두자 ! 1. forEach 배열을 반복하는 함수이다. for문을 간단하게 사용하는 느낌쓰 let a = [1,2,3,4,5]; for(let i=0;i 6. DOM 응용 트위터 댓글창 만들기 1. 신규 댓글 추가 소스 document.querySelector('#type3').onclick = addNewComment; //버튼클릭시 addNewComment함수실행 //새로운 댓글 추가 함수 function addNewComment() { getTimeStamp(){ //날짜 정렬하는 함수 생략 } let name = document.getElementById('type1').value; //신규유저이름 let comment = document.getElementById('type2').value; //신규댓글내용 //1. 새 엘리먼트 li 만든다 let li = document.createElement('LI'); //2.li에 내용을 추가한다. li.innerHTML.. 이전 1 2 3 4 5 다음