Skip to content

feat: modal창_본문#59

Open
yujin5047 wants to merge 7 commits intodevelopfrom
feat/modal창_본문_#58

Hidden character warning

The head ref may contain hidden characters: "feat/modal\ucc3d_\ubcf8\ubb38_#58"
Open

feat: modal창_본문#59
yujin5047 wants to merge 7 commits intodevelopfrom
feat/modal창_본문_#58

Conversation

@yujin5047
Copy link
Copy Markdown
Contributor

@yujin5047 yujin5047 commented May 22, 2024

관련 이슈

작업 내용

  • 모달창 거의 다 만들었어요!
  • 수정할 부분 말해주세요 :)

preview

image
image

@yujin5047 yujin5047 added feature 기능 개발 design 디자인 변경 (ex. css) labels May 22, 2024
@yujin5047 yujin5047 requested a review from a team May 22, 2024 12:08
@yujin5047 yujin5047 self-assigned this May 22, 2024
@yujin5047 yujin5047 removed the design 디자인 변경 (ex. css) label May 22, 2024
Copy link
Copy Markdown
Contributor

@jimini1026 jimini1026 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

엄청 잘하고 있어요😎
아직 수정할 부분이 조금 있어서 일단 reject 시켜놓을게여!

Comment on lines +13 to +15
<li><img src="../img/setting_img.png">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;초기 설정값을 확인해 주세요</li>
<li><img src="../img/bell_img.png">&nbsp;&nbsp;&nbsp;처음 설치 시 알람이 뜰 수 있음을 유의해 주세요</li> <!--css에서 옆으로 밀면 될것같은데..-->
<li><img src="../img/warning_img.png">&nbsp;&nbsp;&nbsp;본 프로그램으로 생기는 불이익은 책임지기 힘듭니다</li>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

img는 닫힌 태그가 없는 태그여서 <img ~ /> 이렇게 표시해주면 더 좋아요!

<div class="commentbox">
<ul>
<li><img src="../img/setting_img.png">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;초기 설정값을 확인해 주세요</li>
<li><img src="../img/bell_img.png">&nbsp;&nbsp;&nbsp;처음 설치 시 알람이 뜰 수 있음을 유의해 주세요</li> <!--css에서 옆으로 밀면 될것같은데..-->
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

주석에 적은 것 처럼 &nbsp 여러개로 하는 것 보단 css로 처리하는게 더 유지 보수나 개발 면에서도 편리해서 조금 더 공부해보면서 시도해보면 좋을 거 같아요!

1학년인데 이정도면 엄청 잘하고 있는겁니닷

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Flex, grid에 대해서 공부해보면 좋을거 같슴다

</ul>
</div>
<div class="error-imform">
<div class="">
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

class 명이 없는 상태로 커밋이 되었어요..!

Copy link
Copy Markdown
Contributor

@jimini1026 jimini1026 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

코멘트 참고해주세요

상위 15%입니다. 👍

Comment on lines +11 to +17
h2 {
text-align: top;
vertical-align: top;
}
img {
width: 57px;
}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

h2, img 같은 태그는 공용적으로 사용되는 태그이므로 해당 부분에 클래스나 아이디를 붙여서 css 속성을 부여해주세요!

Comment on lines +10 to +14
<h2><img src="../img/iconImg-1.png">&nbsp;&nbsp;&nbsp;Comboong Note</h2>
<div class="commentbox">
<ul>
<li><img src="../img/setting_img.png">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;초기 설정값을 확인해 주세요</li>
<li><img src="../img/bell_img.png">&nbsp;&nbsp;&nbsp;처음 설치 시 알람이 뜰 수 있음을 유의해 주세요</li> <!--css에서 옆으로 밀면 될것같은데..-->
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

&nbsp를 사용하는 대신 아래 링크 참고해서 css를 이용하면 좋을거 같애요

https://developer.mozilla.org/ko/docs/Web/CSS/white-space

@yujin5047 yujin5047 added the design 디자인 변경 (ex. css) label Jun 27, 2024
모달창 완..성..?
service-worker.js 모달창 부분 수정
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design 디자인 변경 (ex. css) feature 기능 개발

Projects

None yet

Development

Successfully merging this pull request may close these issues.

modal창_본문

2 participants