Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[최제원] Sprint2 #102

Conversation

CJewon
Copy link
Collaborator

@CJewon CJewon commented Nov 6, 2024

요구사항

기본

  • [x]
  • []
  • []

심화

  • [x]
  • []

주요 변경사항

  • 파일 구조 변경을 했습니다.
  • div태그 대신 header태그와 form 태그로 변경하였고, p태그 대신 label태그으로 변경하였습니다.
  • 비밀번호 가림 이미지를 추가하였습니다.
  • BEM에 맞게 태그와 클래스명을 수정하면서 CSS 클래스명을 수정하였습니다.

스크린샷

화면 캡처 2024-11-06 110401

멘토에게

  • 스프린트 미션2 첫 PR이후 수정하여 PR을 요청드렸습니다.
  • 파일 구조에 관한 PR을 받고 보내주신 링크를 확인한 후, 파일 구조를 이미지와 같이 변경해보았습니다. 혹여 잘못된 구조이거나 권한하지 않는 구조라면 피드백 부탁드립니다.
  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

@CJewon CJewon requested a review from 1005hoon November 6, 2024 02:12
@CJewon CJewon added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Nov 6, 2024
@1005hoon
Copy link
Collaborator

1005hoon commented Nov 6, 2024

파일 구조에 관한 PR을 받고 보내주신 링크를 확인한 후, 파일 구조를 이미지와 같이 변경해보았습니다. 혹여 잘못된 구조이거나 권한하지 않는 구조라면 피드백 부탁드립니다.

잘 하셨어요! 저번 멘토링때 말씀드린것 처럼 정답은 없답니다 ㅎㅎ 다만 이제 개인적인 취향에 따라 좀 갈리는 부분이 있긴 한데요.
제 경우에는, 이제 앞으로 각 웹 페이지마다 사용될 Html과 css, js파일이 생길테다 보니까 이를 위한 폴더는 묶어서 관리하면 어떨까 싶어요.
이미지나 폰트의 경우, assets / 또는 images라는 디렉토리에 관리하는걸로도 충분해 보입니다!

Copy link
Collaborator

@1005hoon 1005hoon left a comment

Choose a reason for hiding this comment

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

너무 좋습니다 ㅎㅎ
큰 이견은 없구요, 이제 스크립트 한번 붙여볼까요?

alt="판다마켓 로고"
/>
<span class="header__logo-text">판다마켓</span>
</a>
<a href="/login" class="header__login-button">로그인</a>
<a href="/login.html" class="header__login-button">로그인</a>
Copy link
Collaborator

Choose a reason for hiding this comment

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

엇 굳이 .html을 안붙여도 되지 않나요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

화면 캡처 2024-11-07 090944
/login 으로 했을경우 사진과 같이 나와서 .html을 붙여줬습니다. 혹여 문제가 될까요 ?

<a href="/" class="logo__link"><h1>판다마켓</h1></a>
</div>
</header>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Good 👍🏻

<p>간편 로그인하기</p>
<div class="sns-login__icon">
<div class="social-login__icon">
Copy link
Collaborator

Choose a reason for hiding this comment

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

good 👍🏻

@1005hoon
Copy link
Collaborator

1005hoon commented Nov 6, 2024

@CJewon 작업 다 마치시구, 우측 상단에 리뷰요청하기 다시 눌러주시면 확인해볼게요!

@CJewon CJewon requested a review from 1005hoon November 7, 2024 00:17
@CJewon
Copy link
Collaborator Author

CJewon commented Nov 7, 2024

코드 수정은 /login과 /login.html 오류 부분을 확인해주시면 merge 받고, sprint3 미션과 함께 작업해서 sprint3 미션을 마친 후, 확인받는 PR을 요청드릴때 수정사항으로 작성해놓겠습니다 ! 감사합니다 !

Copy link
Collaborator

@1005hoon 1005hoon left a comment

Choose a reason for hiding this comment

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

lgtm 👍🏻

@1005hoon 1005hoon merged commit a333c3c into codeit-bootcamp-frontend:Basic-최제원 Nov 7, 2024
CJewon added a commit to CJewon/12-Sprint-Mission that referenced this pull request Nov 8, 2024
* div태그 대신 header 태그로 변경 및 logo-img에 대한 a태그 추가

* 이미지 파일구조 수정 및 파일구조 수정에 따른 이미지들의 src 수정

* login.html form태그와 label태그로 변경 및 비밀번호 가림 이미지 추가와 그에 맞는 css 적용

* signup.html form태그와 label태그로 변경 및 비밀번호 가림 이미지 추가와 그에 맞는 css 적용
kich555 pushed a commit that referenced this pull request Nov 17, 2024
* reset

* fix: 머지 후 브랜치 삭제 github action 수정

* env: workflows 폴더로 이동

* codeit sprint mission part1 update (#13)

* BEM 네이밍 및 시멘틱 구조 개선

* BEM에 맞게 HTML의 class 명칭과 CSS 명칭 수정

* codeit-sprint2 mission 로그인 홈페이지와 회원가입 홈페이지 제작 (#68)

* [최제원] Sprint2 (#102)

* div태그 대신 header 태그로 변경 및 logo-img에 대한 a태그 추가

* 이미지 파일구조 수정 및 파일구조 수정에 따른 이미지들의 src 수정

* login.html form태그와 label태그로 변경 및 비밀번호 가림 이미지 추가와 그에 맞는 css 적용

* signup.html form태그와 label태그로 변경 및 비밀번호 가림 이미지 추가와 그에 맞는 css 적용

* [최제원] Sprint3 (#114)

* 메인 홈페이지 반응형 웹으로 변경함으로써 CSS 수정 및 변경

* login 홈페이지와 signup 홈페이지를 반응형 웹으로 변경함으로써 CSS 수정 및 변경

* 불필요한 CSS 삭제 및 BEM에 맞게 클래스 이름  수정

* 로그인 홈페이지와 회원가입 홈페이지의 에러메세지 관련 로직 구현

* input에 aria-label 속성 추가

---------

Co-authored-by: hanseulhee <3021062@gmail.com>
Co-authored-by: withyj-codeit <48437814+withyj-codeit@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants