728x90
반응형

분류 전체보기 105

[Spring Project] 도서관만들기 #1 Home 페이지 Front 제작

※ 블로그포스팅과 실제 프로젝트 진행률이 일치하지않습니다. 1. Home 페이지 Front부분 제작 - 슬라이드 및 메뉴숨김/표시 , 팝업 등의 기본적인 화면표시 스크립트 작동 2. 주요기능 2-1 팝업닫기(쿠키사용) function popupCheck(){ // 각 버튼 클릭시 1 , 7일 동안 지속되는 쿠키생성 $("#select1").click(function(){ $.cookie('popup1_oneday','ok',{ expires:1, path:'/' }) $("#popup_1").hide() }) $("#select2").click(function(){ $.cookie('popup1_oneweek','ok',{ expires:7, path:'/' }) $("#popup_1").hide() }..

프로젝트 2023.06.28

[Spring Project] 도서관만들기 #0

1. 도서관 선정이유 - Spring , Html , Css , Javascript 등 배운것들을 활용하기에 가장 적절하다 판단됨 2. 목표 - 기존에 존재하는 도서관페이지와 최대한 똑같은 사이트 만들기 - css는 최대한 따라하되, 디테일은 후순위로 두기 - 벡앤드기능을 중점으로 만들기 3. 기대효과 - 약 7개월가량 배운 내용들을 최대한 활용하기 - 천천히 추가하면서 활용하는 내용들을 복습하여 완전히 내것으로 만들기 - 실제 페이지에 사용되는 기능들의 흐름 파악하기 화이팅😊

프로젝트 2023.06.28

[ToyProject] 프론트엔드 My Phone 만들기 (1차수정)

※ 어플들을 추가로 비치하여 기능을 쭉 추가 예정 ※ 2023.06.29 수정1 : ToDoList에서 키패드 enter 입력으로 추가되도록 수정 ↓실제 기능 구경 My Phone psh609.dothome.co.kr ↓ 다운로드 ※ 주요기능 Date() → 날짜 , 요일 , 시간표시(시간은 인터벌로 실시간갱신으로 정확한 시간 맞춤) hide() , show() → 상단메뉴 및 어플 클릭시 화면이동을 hide와 show로 구현 전화와 계산기의 숫자표시 → 입력되는 문자를 기존 문자에 합쳐 (+=) 표시 ToDoList → createElement 및 append , appendChlid 활용 → .checked로 checkbox 선택 확인 및 제거 → $(".ABC").prop("checked",true..

프로젝트 2023.06.27

[해결] 스크립트 변수 및 클래스 관리

1. 문제발생장소 : 도서관 프로젝트 2. 문제 개요 : 휴대전화 인증이 끝나면 phone_check를 false > true로 바꿔 회원가입 완료조건으로 사용하려했지만, 값이 바뀌지않음 3. 해결 과정 1. 변수를 레디밖에 생성 2. 클래스에 파라미터로 넣지않음 4. 후기 클래스의 파라미터로 변수를 넣어 값을 바꾸면 클래스 밖에서는 값이 변하지 않는 것 같다. phone_check를 ready안에 넣으면 클래스에서 phone_check를 찾을 수 없다고뜬다. 클래스가 먼저 구성되는 것 같다.(ready안에서 변수선언시 전역번수로써 클래스에서도 사용가능할줄 알았다)

문제 및 해결 2023.06.12

★ 2023-06-07(수) 배달의민족 주문페이지(checked)

DOCTYPE html> 메뉴선택 배민 떡볶이 치즈떡볶이 기본 1인분 5,000원 2인분 9,000원 추가메뉴 모듬튀김 +4,000원 순대1인분 +3,500원 꼬마김밥 +3,000원 수량 + 1 - 1개담기 5000원 확인 $(function(){ addItem() minusItem() main_change() add_side() atleastOne() }) var item_count = 1; //메인메뉴 갯수 var real_price = 0; //최종금액 var side_price = 0; //사이드메뉴 total 금액 function atleastOne(){ //주문갯수가 1개일때 - 버튼 비활성화 var cur_item_count = parseInt($("#item-count").text()); ..

HTML+CSS(실습) 2023.06.07

★2023-06-04(일) 스탑워치

DOCTYPE html> 스탑워치 스탑 워치 00:00 ▶ 일시정지 초기화 5분 3분 1분 var timer = 0; var min = 0; var sec = 0; var count = 0; //지정값이 0이될떄까지 지정값을 1초씩 떨어트리는 함수 a() function a() { if(timer !=-1){ min = parseInt(timer/60); sec = timer%60; count = (min > 9 ? min : "0" + min) + ":" + (sec > 9 ? sec : "0" + sec) console.log(count); document.getElementById("time").innerHTML = "" + (min > 9 ? min : "0" + min) + ":" + (sec ..

HTML+CSS(실습) 2023.06.04

2023-05-31(수) 네이버 로그인 언어변경

※ 중국어 번역은 시간관계상 생략 DOCTYPE html> 네이버 로그인 한국어 English 中文(简体) 中文(台灣) 로그인 상태 유지 IP 보안 더욱 간편한 로그인 QR코드 로그인 일회용 번호 로그인 PC방 등 공용 PC라면 안전하게 사용해 보세요. Sign in with QR code Facebook line 아이디 찾기 비밀번호 찾기 회원가입 이용약관 개인정보처리방침 책임의 한계와 법적고지 회원정보 고객센터 Copyright © NAVER Corp. All Rights Reserved. $(function(){ changeLag() }) function changeLag(){ $("select").change(function(){ var lang = this.value if(this.value==..

HTML+CSS(실습) 2023.05.31
728x90
반응형