Skip to content

Commit 8779fab

Browse files
[스타일과 클래스] 과제 보완
1 parent 5b12397 commit 8779fab

File tree

2 files changed

+4
-4
lines changed
  • 2-ui/1-document/08-styles-and-classes/2-create-notification

2 files changed

+4
-4
lines changed

2-ui/1-document/08-styles-and-classes/2-create-notification/source.view/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ <h2>Notification is on the right</h2>
1616

1717
<script>
1818
function showNotification({top = 0, right = 0, className, html}) {
19-
/* your code */
19+
/* 여기에 코드를 작성하세요. */
2020
}
2121

2222
// test it

2-ui/1-document/08-styles-and-classes/2-create-notification/task.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,12 @@ importance: 5
44

55
# 알림 만들기
66

7-
주어진 예제에서 `<div class="notification">` 알림을 만드는 함수 `showNotification(options)`를 작성해봅시다. 이 알림은 1.5초 후에 자동으로 사라집니다.
7+
샌드박스를 열었을 때 보이는 콘텐츠를 기반으로 `<div class="notification">` 알림을 만들어주는 함수 `showNotification(options)`를 작성해봅시다. 이 알림은 1.5초 후에 자동으로 사라집니다.
88

99
옵션은 다음과 같습니다.
1010

1111
```js
12-
// 창의 오른쪽 상단에 "Hello"라는 텍스트가 있는 요소를 표시합니다.
12+
// 창의 오른쪽 상단에 "Hello"라는 텍스트가 담긴 요소를 보여줍니다.
1313
showNotification({
1414
top: 10, // 창의 상단에서 10px 떨어진 위치에 표시합니다(기본값은 0px).
1515
right: 10, // 창의 오른쪽 가장자리에서 10px 떨어진 위치에 표시합니다(기본값은 0px).
@@ -21,4 +21,4 @@ showNotification({
2121
[demo src="solution"]
2222

2323

24-
CSS 포지셔닝을 사용하여 주어진 오른쪽 상단에 알림을 표시하세요. 소스 문서에 필요한 스타일들이 있습니다.
24+
CSS 포지셔닝을 사용하여 주어진 좌표(오른쪽 상단)에 알림을 표시하세요. 필요한 스타일들은 링크를 열면 찾아볼 수 있습니다.

0 commit comments

Comments
 (0)