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

[youngjae]3주차 2번째 PR #81

Open
wants to merge 14 commits into
base: MJNNKK
Choose a base branch
from

Conversation

Youngjaemj
Copy link

인풋바 작성시 결제수단의 드롭다운 영역을 작성 할 때 인풋, 버튼 영역이 전부 클릭되게 하는 부분을 고민했다.
드롭다운, 셀렉트 박스를 작성할 때 select를 사용하다 ul, li 를 사용하여 작성.

js 작성시작
결제수단 드롭다운 select 태그를 ul, li 로 수정하여 작성
결제수단 CSS 추가작성
src, js, style 파일 생성 후 기존작업했던 css, html파일 정리
eslint, prettier, gitignore 세팅
@Youngjaemj Youngjaemj marked this pull request as ready for review June 7, 2023 07:52
Youngjaemj added 10 commits June 9, 2023 07:10
html header, inputbar, main 영역 마크업
css 파일 common 생성 후 작성
css 파일 header.css, inputbar.css, main.css로 파일분리
기존 작성했던 클래스명, id명 수정
html class명 일부수정, css 일부수정, 불필요 한 코드삭제
처음 로드시 오늘 날짜에 맞는 연, 월이 표기되는 기능
좌, 우 버튼으로 좌:전달, 우:다음달 로 이동되는 기능추가
웹페이지 로드시 날짜(일자) 안에 현재 날짜에 맞는 날짜를 자동으로 넣어주는
기능 추가
결제수단, 분류 클릭시 드롭다운 기능추가
inputbarInit 함수 manin.js 에 연결
inputbar.css 드롭다운 관련 display 수정
common.css, main.css height 수정
마이너스 버튼 클릭시 minus, plus로 구분된 클래스가 서로 토글되며
버튼 이미지가 마이너스, 플러스 이미지가 토글되는 기능 추가
html price__button svg  img 태그로 변경
css price__minus, plus 구분하도록 작성
드롭다운 영역은 토글 기능으로 여닫히지만 다른영역을 클릭 할 때
닫히지 않아서 드롭다운 영역이 아닌곳을 클릭하면 닫히는 기능추가
인풋바 금액탭에 마이너스, 플러스 버튼을 클릭시 변경된 버튼과 맞게
분류탭의 드롭다운이 변경되는 기능 추가.

마이너스, 플러스 버튼이 눌릴 때 인풋바의 모든 인풋이 초기화 되는 기능추가

결제수단, 분류 탭의 드롭다운 옵션 클릭시 인풋창에 클릭한 텍스트가
넣어지는 기능추가

html, css 위 기능 개발하면서 수정 할 부분 수정
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.

1 participant