프로젝트/크루즈
-
useEffect라는 훅을 사용해 프로필 사진을 변경 처리했다. useEffect(() => { axios.get('http://crewz.asuscomm.com/api/member/img?id='+id) .then(function (res) { if (res.status === 200) { console.log("res:"+res.status); if(res.data.flag === ""){ setProfileImg(res.data.mf); }else{ console.log('프로필 사진을 불러올 수 없습니다.') } } else { alert('error:'+ res.status); } }) }, []);
리액트 - 사진 변경useEffect라는 훅을 사용해 프로필 사진을 변경 처리했다. useEffect(() => { axios.get('http://crewz.asuscomm.com/api/member/img?id='+id) .then(function (res) { if (res.status === 200) { console.log("res:"+res.status); if(res.data.flag === ""){ setProfileImg(res.data.mf); }else{ console.log('프로필 사진을 불러올 수 없습니다.') } } else { alert('error:'+ res.status); } }) }, []);
2023.12.21 -
const onChangeImg = e => { const formData = new FormData();//파일 객체 const file = e.target.files[0];//선택된 파일은 e.target.files배열에 담긴다 // const imageUrl = URL.createObjectURL(file);//파일 주소 생성 // setProfileImg(imageUrl); if (file) { formData.append('mf', file);//폼데이터에 전달할 값 추가 formData.append('id', id); } axios.put('http://crewz.asuscomm.com/auth/member/edit/profile', formData, { headers: { Authorizat..
사진 불러오기 - URL.createObject()const onChangeImg = e => { const formData = new FormData();//파일 객체 const file = e.target.files[0];//선택된 파일은 e.target.files배열에 담긴다 // const imageUrl = URL.createObjectURL(file);//파일 주소 생성 // setProfileImg(imageUrl); if (file) { formData.append('mf', file);//폼데이터에 전달할 값 추가 formData.append('id', id); } axios.put('http://crewz.asuscomm.com/auth/member/edit/profile', formData, { headers: { Authorizat..
2023.12.21 -
초기에 작성한 코드 function checkId() { const id = form.id.value.trim(); if (!(new RegExp("^.(?=.*[a-z])(?=.*[0-9]).{4,19}$").test(id))) { $("#idStatus").text("영어와 숫자를 포함하여 5~20자 이내로 입력해 주세요."); idChecked = 1; checkAll(); } else if (duplicateId(id) == 1) { $("#idStatus").text("이미 존재하는 아이디입니다."); idChecked = 1; checkAll(); console.log(duplicateId(id)); } else if (duplicateId(id) == 0) { $("#idStatus").te..
231122 중복 아이디초기에 작성한 코드 function checkId() { const id = form.id.value.trim(); if (!(new RegExp("^.(?=.*[a-z])(?=.*[0-9]).{4,19}$").test(id))) { $("#idStatus").text("영어와 숫자를 포함하여 5~20자 이내로 입력해 주세요."); idChecked = 1; checkAll(); } else if (duplicateId(id) == 1) { $("#idStatus").text("이미 존재하는 아이디입니다."); idChecked = 1; checkAll(); console.log(duplicateId(id)); } else if (duplicateId(id) == 0) { $("#idStatus").te..
2023.11.22 -
function checkId() { const id = form.id.value.trim(); if (!(new RegExp("^.(?=.*[a-z])(?=.*[0-9]).{4,19}$").test(id))) {//정규식을 충족하지 못하면 $("#idStatus").text("영어와 숫자를 포함하여 5~20자 이내로 입력해 주세요."); idChecked = 1; } else { checkAll(); $("#idStatus").text("사용 가능한 아이디입니다."); idChecked = 0; } } 비밀번 function checkPwd() { const pwd = form.pwd.value.trim(); const pwd2 = form.pwd2.value.trim(); //비밀번호 정규식 if (..
231120~231121 회원가입 - 아이디, 비밀번호, 이름, 번호 정규식function checkId() { const id = form.id.value.trim(); if (!(new RegExp("^.(?=.*[a-z])(?=.*[0-9]).{4,19}$").test(id))) {//정규식을 충족하지 못하면 $("#idStatus").text("영어와 숫자를 포함하여 5~20자 이내로 입력해 주세요."); idChecked = 1; } else { checkAll(); $("#idStatus").text("사용 가능한 아이디입니다."); idChecked = 0; } } 비밀번 function checkPwd() { const pwd = form.pwd.value.trim(); const pwd2 = form.pwd2.value.trim(); //비밀번호 정규식 if (..
2023.11.21