File tree Expand file tree Collapse file tree 2 files changed +4
-4
lines changed
2-ui/1-document/08-styles-and-classes/2-create-notification Expand file tree Collapse file tree 2 files changed +4
-4
lines changed Original file line number Diff line number Diff 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
Original file line number Diff line number Diff 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"라는 텍스트가 담긴 요소를 보여줍니다 .
1313showNotification ({
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 포지셔닝을 사용하여 주어진 좌표( 오른쪽 상단)에 알림을 표시하세요. 필요한 스타일들은 링크를 열면 찾아볼 수 있습니다.
You can’t perform that action at this time.
0 commit comments