GitHub 명령어 관련
-
GitHub
push : git push origin main
pull : git pull origin main -
원격 경로 설정
git remote add origin https://github.com/YWKIM0/project_1.git
Day040
[1차 프로젝트] Front End UI 프로젝트
- 주제 및 컨셉 선정
나눔마켓 - 깃허브 환경설정
- 노션에 일정 작성하기
Day041
페이지 구성
-
main.html : 메인화면
-
login.html : 로그인 페이지(아이디, 비밀번호 입력)
-
login_ok.html : 로그인이 된 상태의 페이지
-
join.html : 회원가입 페이지
-
buying.html : 구매 목록 페이지
-
sale.html : 판매 목록 페이지
-
share.html : 나눔 목록 페이지
-
메인화면(main.html)
Layout : header, main, footer
header : 메인로고, 링크, 로그인
main : nav(페이지 이동)
로그인 페이지(login.html)
아이디, 비밀번호 입력하는 페이지
빈칸으로 로그인 버튼 누를 경우 경고 메시지 출력
Day042
-
main.html, 이미지 슬라이드
버튼을 클릭해서 탭을 이동할 때마다 이미지의 목록이 변경이 되면서 자동으로 슬라이드 되도록 하는 기능 -
문제점
- 버튼을 클릭할 때마다 인덱스 값이 겹쳐서 이미지 출력순서가 꼬이는 문제 -> 버튼 클릭 이벤트에 인덱스를 초기화해서 해결
- 버튼을 여러번 번갈아 누를 경우에 인터벌이 중첩이 되면서 이미지의 출력 속도가 비정상적인 문제 -> 버튼 클릭 이벤트에 인터벌을 초기화한 후 다시 인터벌 값을 세팅해서 해결
-
input 태그
입력 필드 비활성화하는 방법
disabled : 폼으로 값이 전송되지 않는다.
readonly : 폼으로 값을 전달할 수 있다. -
join.html, 회원가입 페이지 수정
-
우편번호, 주소 입력하는 기능 추가
Day043
- 나눔목록 화면, share.html
나눔목록 이미지 리스트 main부분에 추가 - 소셜 로그인 부분 검색
- 프로필 랜덤 이미지 생성
Day044
- main.html, 메인화면
카테고리 드롭다운 추가
이미지 슬라이드 수정
헤더부분 top_nav 수정 - login.html
로그인 부분 삭제 및 페이지 수정
Day045
- main.html, 메인화면
이미지 슬라이드에 들어가는 이미지 변경
카테고리 2단계 뎁스 드롭다운 추가
footer부분 구현
Day046
- fruits.html, 상품 리스트 페이지
카테고리에서 목록 클릭 시 이동하는 상품 리스트 페이지 추가
상품 이미지의 카트 아이콘 클릭 시 장바구니에 추가하는 팝업 기능 구현 - cart.html, 장바구니 페이지 구현중...
Day047
- cart.html, 장바구니 페이지 구현
- goods.html, 상품 상세정보 페이지 구현
Day048
- cart.html : 수량 및 가격 변경 및 아이템 삭제 기능 추가
- goods/fruits.html : css 적용
- 카테고리 드롭다운 모든 페이지에 적용
- 발표 ppt 작성
- 숫자 3자리 마다 콤마(,)찍는 방법
- 정규식 사용하는 방법 : .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
- toLacaleString() 메소드를 활용하는 방법
디폴트는 소수점 3자리까지만 표현
소수점 자리수 표현하려면 toLocaleString(undefined, {maximumFractionDigits: 5})
Day049
- ppt 발표
