Skip to content

Commit 7495d31

Browse files
용어 통일 (새로고침 --> 새로 고침)
- Microsoft Language Portal 참고
1 parent 7c7c376 commit 7495d31

File tree

4 files changed

+10
-10
lines changed

4 files changed

+10
-10
lines changed

1-js/03-code-quality/01-debugging-chrome/article.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ debugger 명령어를 사용하면 브라우저를 켜 개발자 도구를 열
8989

9090
## 멈추면 보이는 것들
9191

92-
예시 페이지를 열면 함수 `hello()`가 자동으로 호출됩니다. 중단점이 제대로 설정되어있는지 확인하고, 새로고침 단축키 `key:F5`(Windows, Linux 사용자)나 `key:Cmd+R`키(MacOS 사용자)를 눌러 중단점을 작동시켜봅시다.
92+
예시 페이지를 열면 함수 `hello()`가 자동으로 호출됩니다. 중단점이 제대로 설정되어있는지 확인하고, 새로 고침 단축키 `key:F5`(Windows, Linux 사용자)나 `key:Cmd+R`키(MacOS 사용자)를 눌러 중단점을 작동시켜봅시다.
9393

9494
아래 그림과 같이 네 번째 줄에서 실행이 중단되는 것을 확인할 수 있습니다.
9595

@@ -155,7 +155,7 @@ debugger 명령어를 사용하면 브라우저를 켜 개발자 도구를 열
155155
: 모든 중단점을 일시적으로 활성화/비활성화합니다(실행에는 영향이 없습니다).
156156

157157
<span class="devtools" style="background-position:-90px -146px"></span> -- 예외 발생 시 코드를 자동 중지시켜주는 기능을 활성화/비활성화
158-
: 활성화되어 있고, 개발자 도구가 열려있는 상태에서 스크립트 실행 중에 에러가 발생하면 실행이 자동으로 멈춥니다. 실행이 중단되었기 때문에 변수 등을 조사해 어디서 에러가 발생했는지 찾을 수 있게 됩니다. 개발하다가 에러와 함께 스크립트가 죽었다면 디버거를 열고 이 옵션을 활성화한 후, 페이지를 새로고침하면 에러가 발생한 곳과 에러 발생 시점의 컨텍스트를 확인할 수 있습니다.
158+
: 활성화되어 있고, 개발자 도구가 열려있는 상태에서 스크립트 실행 중에 에러가 발생하면 실행이 자동으로 멈춥니다. 실행이 중단되었기 때문에 변수 등을 조사해 어디서 에러가 발생했는지 찾을 수 있게 됩니다. 개발하다가 에러와 함께 스크립트가 죽었다면 디버거를 열고 이 옵션을 활성화한 후, 페이지를 새로 고침하면 에러가 발생한 곳과 에러 발생 시점의 컨텍스트를 확인할 수 있습니다.
159159

160160
```smart header="Continue to here 옵션"
161161
특정 줄에서 마우스 오른쪽 버튼을 클릭해 컨텍스트 메뉴를 열면 "Continue to here"라는 옵션을 볼 수 있습니다.

2-ui/5-loading/01-onload-ondomcontentloaded/article.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -165,7 +165,7 @@ window.addEventListener("unload", function() {
165165
166166
`beforeunload` 이벤트를 취소하려 하면 브라우저는 사용자에게 확인을 요청합니다.
167167
168-
아래 예시를 실행하고, 브라우저에서 새로고침을 해 직접 확인해봅시다.
168+
아래 예시를 실행하고, 브라우저에서 새로 고침을 해 직접 확인해봅시다.
169169
170170
```js run
171171
window.onbeforeunload = function() {
@@ -183,7 +183,7 @@ window.onbeforeunload = function() {
183183
};
184184
```
185185
186-
이렇게 문자열을 반환하도록 해도 얼럿창에 문자열이 보이지 않게 된 이유는 몇몇 사이트 관리자들이 오해가 생길 법하거나 성가신 메시지를 띄우면서 `beforeunload`를 남용했기 때문입니다. 오래된 브라우저에서 위 예시를 실행하고 새로고침을 누르면 "저장되지 않은..." 메시지가 뜨긴 합니다. 하지만 모던 브라우저에선 `beforeunload` 이벤트를 취소할 때 보이는 메시지를 커스터마이징 할 수 없습니다.
186+
이렇게 문자열을 반환하도록 해도 얼럿창에 문자열이 보이지 않게 된 이유는 몇몇 사이트 관리자들이 오해가 생길 법하거나 성가신 메시지를 띄우면서 `beforeunload`를 남용했기 때문입니다. 오래된 브라우저에서 위 예시를 실행하고 새로 고침을 누르면 "저장되지 않은..." 메시지가 뜨긴 합니다. 하지만 모던 브라우저에선 `beforeunload` 이벤트를 취소할 때 보이는 메시지를 커스터마이징 할 수 없습니다.
187187
188188
## readyState
189189

5-network/01-fetch/article.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
- 서버에서 최신 변경분 가져오기
1111
- 등등
1212

13-
그런데 이 모든 것들은 페이지 새로고침 없이도 가능합니다.
13+
그런데 이 모든 것들은 페이지 새로 고침 없이도 가능합니다.
1414

1515
AJAX(<b>A</b>synchronous <b>J</b>avaScript <b>A</b>nd <b>X</b>ML, 비동기적 JavaScript와 XML)라는 용어를 들어보신 분이 있으실 겁니다. AJAX는 서버에서 추가 정보를 비동기적으로 가져올 수 있게 해주는 포괄적인 기술을 나타내는 용어로, 만들어진 지 오래되었습니다. AJAX에 XML이 포함된 이유가 바로 이 때문이죠.
1616

6-data-storage/02-localstorage/article.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
웹 스토리지 객체(web storage object)인 `localStorage``sessionStorage`는 브라우저 내에 키-값 쌍을 저장할 수 있게 해줍니다.
44

5-
이 둘을 사용하면 페이지를 새로고침하고(`sessionStorage`의 경우) 심지어 브라우저를 다시 실행해도(`localStorage`의 경우) 데이터가 사라지지 않고 남아있습니다. 이 부분은 조만간 뒤에서 살펴보기로 합시다.
5+
이 둘을 사용하면 페이지를 새로 고침하고(`sessionStorage`의 경우) 심지어 브라우저를 다시 실행해도(`localStorage`의 경우) 데이터가 사라지지 않고 남아있습니다. 이 부분은 조만간 뒤에서 살펴보기로 합시다.
66

77
그런데 "쿠키를 사용하면 브라우저에 데이터를 저장할 수 있는데, 왜 또 다른 객체를 사용해 데이터를 저장하는 걸까요?"라는 의문이 들 수 있습니다. 쿠키 이외에도 다른 방식을 사용하는 이유는 다음과 같습니다.
88

@@ -158,7 +158,7 @@ alert( JSON.stringify(localStorage, null, 2) );
158158
- `sessionStorage`는 현재 떠 있는 탭 내에서만 유지됩니다.
159159
- 같은 페이지라도 다른 탭에 있으면 다른 곳에 저장되기 때문입니다.
160160
- 그런데 하나의 탭에 여러 개의 iframe이 있는 경우엔 동일한 오리진에서 왔다고 취급되기 때문에 `sessionStorage`가 공유됩니다.
161-
- 페이지를 새로고침할`sessionStorage`에 저장된 데이터는 사라지지 않습니다. 하지만 탭을 닫고 새로 열 때는 사라집니다.
161+
- 페이지를 새로 고침할`sessionStorage`에 저장된 데이터는 사라지지 않습니다. 하지만 탭을 닫고 새로 열 때는 사라집니다.
162162

163163
자 이제 `sessionStorage`를 직접 사용해 봅시다.
164164

@@ -168,10 +168,10 @@ alert( JSON.stringify(localStorage, null, 2) );
168168
sessionStorage.setItem('test', 1);
169169
```
170170

171-
이제 페이지를 새로고침 해 봅시다. 데이터가 여전히 남아있는 것을 확인할 수 있습니다.
171+
이제 페이지를 새로 고침 해 봅시다. 데이터가 여전히 남아있는 것을 확인할 수 있습니다.
172172

173173
```js run
174-
alert( sessionStorage.getItem('test') ); // 새로고침 후: 1
174+
alert( sessionStorage.getItem('test') ); // 새로 고침 후: 1
175175
```
176176

177177
하지만 다른 탭에서 본 페이지를 열고 바로 위 예시만 실행해보면 '아무것도 찾을 수 없다'는 뜻을 가진 `null`이 반환되는것을 확인할 수 있습니다.
@@ -229,7 +229,7 @@ storage 이벤트의 또 다른 중요한 특징은 `event.url`이 있어 데이
229229
| `localStorage` | `sessionStorage` |
230230
|--------------|--------------|
231231
| 오리진이 같은 탭, 창 전체에서 공유됩니다. | 오리진이 같은 브라우저 탭, iframe에서 공유됩니다. |
232-
| 브라우저를 껐다 켜도 남아있습니다. | 페이지를 새로고침 해도 남아있습니다. 하지만 탭이나 브라우저를 종료하면 사라집니다. |
232+
| 브라우저를 껐다 켜도 남아있습니다. | 페이지를 새로 고침 해도 남아있습니다. 하지만 탭이나 브라우저를 종료하면 사라집니다. |
233233

234234
API:
235235

0 commit comments

Comments
 (0)