Skip to content

Commit b677e1d

Browse files
committed
Fix Jeykyll highlight to markdown highlight
1 parent 88e32d9 commit b677e1d

File tree

5 files changed

+97
-104
lines changed

5 files changed

+97
-104
lines changed

content/blog/Javascript study part2.md

Lines changed: 20 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -17,22 +17,23 @@ title: Javascript Study2
1717
- ##### null과 undefined 동일하다.
1818
- ##### NaN이라면 false를 반환 항상 false를 반환한다.
1919

20-
{% highlight javascript %}
20+
```javascript
2121
null == undefined // true
2222
"NaN" == NaN // false
2323
NaN == NaN // false
2424
true == 1 // true
2525
true == 2 // false
2626
"5" == 5 //true
27-
{% endhighlight %}
27+
```
28+
2829

2930
- ##### ====은 피연산자의 타입을 변환하지 않고 있는 그대로 비교한다.
3031

31-
{% highlight javascript %}
32+
```javascript
3233
var result1 = {"55" == 55}; //true
3334
var result2 = {"55" === 55}; //false
34-
{% endhighlight %}
35-
35+
```
36+
3637
- ##### <U>==,!=은 타입 변환 때문에 자주 문제가 발생하므로 대신 ===,!==를 자주 사용하자. 데이터 타입을 관리하기 쉬워진다.</U>
3738

3839
- #### Switch 문
@@ -44,8 +45,7 @@ title: Javascript Study2
4445
- #### ECMAScript의 변수는 원시 값과 참조 값 두가지 타입의 데이터를 저장할 수 있다.
4546
- ##### 원시 값 : undefined, Null, Boolean, 숫자, 문자열
4647
- ##### 참조 값 : Reference 공유
47-
48-
{% highlight javascript %}
48+
```javascript
4949
// 참조 값
5050
var person = new Object();
5151
person.name = "Young Jae";
@@ -61,11 +61,10 @@ title: Javascript Study2
6161
var obj2 = obj1;
6262
obj1.name = "Young Jae";
6363
alert(obj2.name); // Young Jae
64-
{% endhighlight %}
65-
64+
```
6665
- #### 매개변수 전달은 값이 복사하는 것과 똑같다.
6766

68-
{% highlight javascript %}
67+
```javascript
6968
function addTen(num){ // num => local Variable
7069
num += 10;
7170
return num;
@@ -74,22 +73,22 @@ var count = 20;
7473
var result = addTen(count);
7574
alert(count); // 20
7675
alert(result); // 30
77-
{% endhighlight %}
76+
```
7877

7978
- #### obj는 힙에 존재하는 전역 객체를 참조
8079

81-
{% highlight javascript %}
80+
```javascript
8281
function setName(obj){
8382
obj.name = "NESOY"
8483
}
8584
var person = new Object();
8685
setName(person);
8786
alert(person.name); // NESOY
88-
{% endhighlight %}
87+
```
8988

9089
- #### 함수에 값을 전달했기 때문에 함수 내부에서 매개변수의 값이 바뀌었음에도 불구하고 원래 객체에 대한 참조를 그대로 유지.
9190

92-
{% highlight javascript %}
91+
```javascript
9392
function setName(obj){
9493
obj.name = "NESOY"
9594
obj = new Object();
@@ -98,7 +97,7 @@ function setName(obj){
9897
var person = new Object();
9998
setName(person);
10099
alert(person.name); // NESOY
101-
{% endhighlight %}
100+
```
102101

103102
- #### Execution Context(EC)
104103
- ##### 자바스크립트 엔진은 코드를 실행하기 위해 필요한 여러가지 정보를 관리하기 위한 객체가 Execution Context다.
@@ -110,7 +109,7 @@ alert(person.name); // NESOY
110109
- ##### Scope
111110
- ##### this
112111

113-
{% highlight javascript %}
112+
```javascript
114113
var x = 'xxx';
115114

116115
function foo () {
@@ -123,7 +122,7 @@ alert(person.name); // NESOY
123122
bar();
124123
}
125124
foo();
126-
{% endhighlight %}
125+
```
127126

128127
![[assets/posts/20170103/execution-context.PNG]]
129128

@@ -139,8 +138,7 @@ alert(person.name); // NESOY
139138
- #### Javascript에는 블록 레벨 스코프가 없다.
140139
- ##### var를 사용해 선언한 변수는 자동으로 가까운 컨텍스트에 추가된다.
141140
- ##### 선언하지 않으면 자동으로 전역 컨텍스트에 추가된다.
142-
143-
{% highlight javascript %}
141+
```javascript
144142
// var로 선언
145143
function add(num1,num2){
146144
var sum = num1 + num2;
@@ -157,10 +155,8 @@ alert(person.name); // NESOY
157155
}
158156
var result = add(10, 20); //30
159157
alert(result); // 30
160-
{% endhighlight %}
158+
```
161159

162160
## 참조
163-
164-
<http://poiemaweb.com/>
165-
166-
<http://www.nextree.co.kr/p7363/>
161+
- http://poiemaweb.com/
162+
- http://www.nextree.co.kr/p7363/
Lines changed: 35 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,8 @@
11
---
2-
title: Javascript Study3
3-
tags:
4-
- Javascript
2+
aliases: [/articles/2017-01/javascript-study3]
53
date: 2017-01-04
6-
aliases:
7-
- /articles/2017-01/javascript-study3
4+
tags: [Javascript]
5+
title: Javascript Study3
86
---
97

108
# **Javascript**
@@ -13,18 +11,18 @@ aliases:
1311
- #### 객체 리터럴 표기법
1412
- ##### Property가 여러 개 쓸 때 가독성을 확보하는 용도로 사용
1513

16-
{% highlight javascript %}
14+
```javascript
1715
var person = {
1816
name : "NESOY",
1917
age : 29
2018
}
21-
{% endhighlight %}
19+
```
2220

2321
- #### Array 타입
2422
- ##### 배열 리터럴은 Array 생성자를 호출 X
2523
- ##### 배열 감지 함수 Array.isArray(배열);
2624

27-
{% highlight javascript %}
25+
```javascript
2826
//Array 생성자
2927
var colors = new Array();
3028
var colors = new Array(20); // Length => 20
@@ -35,20 +33,20 @@ var colors = ["red","blue","black"];
3533

3634
//Array.isArray();
3735
var result = Array.isArray(colors); // true;
38-
{% endhighlight %}
36+
```
3937

4038
- #### 변환 메서드
4139
- ##### toString(), toLocaleString(), valueOf()
4240

43-
{% highlight javascript %}
41+
```javascript
4442
var colors = ["red","blue","green"];
4543
alert(colors.toString()); // red,blue,green
4644
alert(colors.toLocaleString()); // red,blue,green
4745
alert(colors); // red,blue,green
48-
{% endhighlight %}
46+
```
4947

5048
- ##### toLocaleString()은 toString(), valueOf()와 다른 결과를 보일 수 도 있다.
51-
{% highlight javascript %}
49+
```javascript
5250
var person1 = {
5351
toLocaleString : function{
5452
return "NESOY";
@@ -57,17 +55,17 @@ var result = Array.isArray(colors); // true;
5755
return "Young Jae";
5856
}
5957
};
60-
{% endhighlight %}
58+
```
6159

6260
- ##### join()을 통해 구분자를 지정할 수 있다.
63-
{% highlight javascript %}
61+
```javascript
6462
var colors = ["Red","blue","green"];
6563
alert(colors.join(",")); red,blue,green
6664
alert(colors.join("||")); red||blue||green
67-
{% endhighlight %}
65+
```
6866

6967
- #### Stack
70-
{% highlight javascript %}
68+
```javascript
7169
var colors = new Array(); // 배열 생성
7270
var count = colors.push("red","green"); // 색깔 2개 추가
7371
alert(count); // 2
@@ -78,10 +76,10 @@ alert(count); // 3
7876
var item = colors.pop(); // item 꺼냄
7977
alert(item); // black
8078
alert(colors.length); //2
81-
{% endhighlight %}
79+
```
8280

8381
- #### Queue
84-
{% highlight javascript %}
82+
```javascript
8583
var colors = new Array(); // 배열 생성
8684
var count = colors.push("red","green"); // 색깔 2개 추가
8785
alert(count); // 2
@@ -92,43 +90,43 @@ alert(count); // 3
9290
var item = colors.shift(); // item 꺼냄
9391
alert(item); // red
9492
alert(colors.length); //2
95-
{% endhighlight %}
93+
```
9694

9795
- #### Sort
9896
- ##### reverse()와 sort()는 모두 자신을 호출한 배열에 대한 참조를 반환한다. 즉 체인형태로 사용가능 ex) array.sort(compare).reverse();
99-
{% highlight javascript %}
97+
```javascript
10098
var values = [1, 2, 3, 4, 5];
10199
values.reverse();
102100
alert(values); // 5,4,3,2,1
103-
{% endhighlight %}
101+
```
104102

105-
{% highlight javascript %}
103+
```javascript
106104
var values = [5, 3, 4, 1, 2];
107105
values.sort();
108106
alert(values); // 1,2,3,4,5
109-
{% endhighlight %}
107+
```
110108

111109
- #### 조작 Method
112110
- ##### concat()
113-
{% highlight javascript %}
111+
```javascript
114112
var colors = ["Red","blue","green"];
115113
var colors2 = colors.concat("yellow",["black,"brown"]);
116114
alert(colors); // Red,blue,green
117115
alert(colors2); // Red,blue,green,yellow,black,brown
118-
{% endhighlight %}
116+
```
119117

120118
- ##### slice()
121-
{% highlight javascript %}
119+
```javascript
122120
var colors = ["Red","blue","green","yellow","black"];
123121
var colors2 = colors.slice(1);
124122
var colors3 = colors.slice(1,4);
125123

126124
alert(colors2); // blue,green,yellow,black
127125
alert(colors3); // blue,green,yellow
128-
{% endhighlight %}
126+
```
129127

130128
- ##### splice() = 삽입, 삭제, 대체 가능 (startIndex, deleteCount, item1,.....)
131-
{% highlight javascript %}
129+
```javascript
132130
var colors = ["red","green","blue"];
133131
var removed = colors.splice(0,1); // 첫 번째 데이터 제거
134132
alert(colors); // green,blue
@@ -141,28 +139,28 @@ alert(values); // 1,2,3,4,5
141139
removed = colors.splice(1, 1, "red", "purple"); //데이터2개추가 1개 제거
142140
alert(colors); // green,red,purple,orange,blue
143141
alert(removed); // yellow
144-
{% endhighlight %}
142+
```
145143

146144
- #### 위치 Method
147145
- ##### indexOf(), lastIndexOf() = str.indexOf(searchValue[, fromIndex])
148146

149-
{% highlight javascript %}
147+
```javascript
150148
'Blue Whale'.indexOf('Blue'); // returns 0
151149
'Blue Whale'.indexOf('Blute'); // returns -1
152150
'Blue Whale'.indexOf('Whale', 0); // returns 5
153151
'Blue Whale'.indexOf('Whale', 5); // returns 5
154152
'Blue Whale'.indexOf('', 9); // returns 9
155153
'Blue Whale'.indexOf('', 10); // returns 10
156154
'Blue Whale'.indexOf('', 11); // 전체 문자열의 길이가 10이므로, 10을 반환
157-
{% endhighlight %}
155+
```
158156

159157
- #### 반복 Method
160158
- ##### every() : 배열의 모든 데이터에서 콜백 함수를 호출하고 값이 전부 true이면 true 반환
161159
- ##### filter() : 배열의 모든 데이터에서 콜백 함수를 호출하고 반환 값이 true인 데이터를 새 배열에 저장하여 반환
162160
- ##### some() : 배열의 모든 데이터에서 콜백 함수를 호출하고 값이 하나가 true이면 true 반환
163161
- ##### forEach() : 배열의 모든 데이터에서 콜백 함수를 호출하고 반환값 없음
164162
- ##### map() : 배열의 모든 데이터에서 콜백 함수를 호출하고 새 배열에 저장하여 반환
165-
{% highlight javascript %}
163+
```javascript
166164
var numbers = [1,2,3,4,5,4,3,2,1];
167165

168166
var everyResult = numbers.every(function(item, index, array){
@@ -184,22 +182,19 @@ alert(values); // 1,2,3,4,5
184182
return item * 2;
185183
})
186184
alert(mapResult); // 2,4,6,8,10,8,6,4,2
187-
{% endhighlight %}
185+
```
188186
189187
- #### Regular Expression
190188
- ##### 패턴을 찾는데 정규표현식을 사용하면 간편하게 처리할 수 있다.
191-
{% highlight javascript %}
189+
```javascript
192190
var myRegExp = /regexr/i;
193-
{% endhighlight %}
191+
```
194192
![[assets/posts/20170104/regExp.PNG]]
195193
196194
- ##### 참고 사이트
197195
[http://poiemaweb.com/js-regexp](http://poiemaweb.com/js-regexp)
198196
199197
200198
## 참조
201-
202-
[https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf)
203-
204-
205-
[http://poiemaweb.com/js-regexp](http://poiemaweb.com/js-regexp)
199+
- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf
200+
- http://poiemaweb.com/js-regexp

0 commit comments

Comments
 (0)