'WEB-INF'에 해당되는 글 916건

함수 정의와 종료처리

1. 함수 정의 방법    

1) 반환 값 있음

func random() -> Int{ let number = arc4random_uniform(6); return Int(number); } //실행 for _ in 1...5{ let num = random(); print(num) }

2) 반환 값 없음

func hello() -> Void{ print("Hello") } func hello() -> (){ print("Hello") } func hello(){ print('Hello") }

2. guard-else 문 과 defer

1) guard-else

- 값을 반환하지 않는 함수의 처리는 return을 실행해 그 자리에서 함수를 종료 할 수 있다.

- 중단 처리를 명확하게 처리하기 위해 guard-else 문을 사용한다

func half(num:Int){ //10 이상이 아닐 때 함수에서 빠져나온다. guard num > 10 else { return; } let _num = num; print(_num) } //9는 출력되지 않는다. half(num:9); half(num:11);

2) defer

- 함수 등의 블록을 중단하기 전에 실행된다.

- 항상실행 되므로 중단 처리, 오류 핸들링을 처리에 적합하다.

func half(num:Int){ //함수가 종료되기 직전에 무조건 실행된다. defer{ print("close half()") } //10 이상이 아닐 때 함수에서 빠져나온다. guard num > 10 else { return; } let _num = num; print(_num) } //9는 출력되지 않는다. half(num:9); half(num:11);

가상요소, 가상클래스

1. 가상 요소, 가상 클래스란?

1) 가상 클래스(css 2.1 지원)

- :link //방문하지 않았던 링크 - :visited //방문했던 링크 - :hover // 마우스 올린요소 - :focus //포커스를 받은 요소 ..... h1:hover{ font-size :1px}

- 문서에 클래스를 추가한 것처럼 동작한다

- CSS3 에 많은 클래스가 추가되었다.

2) 가상 요소(css 2.1  지원)

- ::first-line - ::first-letter ..... h1::first-letter {font-size : 1px;}  

- 문서에 요소를 추가한 것처럼 동작한다.

- 2.1 이후 버전에서 앞의 문자 (:) 하나만 사용해도 된다.

2. 예제

//가상요소 사용 <h1>Hello World</h1> h1::first-letter {font-size : 25px;} //일반사용 h1 first-letter{font-size: 25px;} <h1><first-letter>H</first-letter>elloWorld</h1>  

- HelloWorld

함수형에서 for 와 if 의 변화

1. for에서 filter로 if에서 predicate로

1) 기존 문장

var users = [ {id :1, name :'ID', age:32}, {id :2, name :'ha', age:30}, {id :3, name :'bj', age:29}, ] //30살 이하의 데이터를 추출하여 새로운 배열에 넣는다 var temp_user = []; for(var i = 0, len = users.length; i<len; i++){ if(users[i].age<30){ temp_user.push(users[i]); } } console.log(temp_user.length);

2) filter 함수로 변환

var users = [ {id :1, name :'ID', age:32}, {id :2, name :'ha', age:30}, {id :3, name :'bj', age:29}, ] function filter(list, predicate){ var new_list = []; for(var i = 0, len = list.length; i<len; i++){ if(predicate(list[i])){ new_list.push(list[i]); } } return new_list; } var users_under_30 = filter(users, function(user) { return user.age < 30 }); var users_over_30 = filter(users, function(user){return user.age > 30}); console.log(users_under_30.length);  

- 새로운 배열을 생성하여 반환한다.

- predicate 함수를 이용하여 원하는 반환 값을 얻는다.

2. 중복 코드를 map 함수로 제거한다

1) 기존 문장

var ages = []; for(var i = 0, len = temp_user.length; i<len; i++){ ages.push(temp_user[i].age); } console.log(ages);  

- 새로 만든 배열에서 이름을 추출한다.

2) map 함수로 변환

function map(list, iteratee){ var new_list = []; for(var i=0, len = list.length; i<len; i++){ new_list.push(iteratee(list[i])) } return new_list; } var ages = map(users_under_30, function(user){return user.age}); var name = map(filter(users, function(user) { return user.age < 30 }), function(user){return user.name}); console.log(ages);  

- 코드가 더욱 단순해 졌다. 또한 함수를 합쳐서 실행결과로 바로 실행할 수 있다.

3. 클로저를 이용한 map 함수 줄이기

1) 클로저 함수 패턴

function bvalue(key){ return function(obj){ return obj[key]; } } var b = bvalue('b'); console.log(b({a:'hi',b:'hello'})); console.log(bvalue('a')({a:'hi',b:'hello'}));  

2) filter, map, bvalue 

var name = map(filter(users, function(user) { return user.age < 30 }), bvalue('name'));  

- 더욱 간결해 졌다.

클로저란?(Closure)

1. 클로저란?

- 자신이 생성될 떄의 스코프에서 알 수 있었던 변수 중 언젠가 자신이 실행될 때 사용할 변수들만 기억하여 유지시키는 함수

2. 예제

function f6(){ var a = 10; function f7(b){ return a + b; } return f7; } var f8 = f6(10); f8(10); //20 f8(20); //30

- f7이 변수 a를 기억하는 클로저로 작동하고 있다. f8을 실행 할 때마다 새로운 변수인 b와 함께 실행된다.