기록들 https://github.com/ndgndg91

Mybatis 설정과 관련된 설명은 생략하고 메일기능과 관련된 것만 블로깅하려고 한다. 우선 역시 실행영상!!! 아래는 테이블 구조 비밀번호 컬럼을 varchar로 그대로 사용하면 보안에 문제가 있지만, 나중에 완성도를 올리기위해서 바꿔줘야지 생각만,, create table member( m_no int auto_increment primary key, m_name varchar(20), m_id varchar(30), m_password varchar(30), m_address_postcode varchar(20), m_address_primary varchar(60), m_address_detail varchar(60), m_email_id varchar(30), m_email_domain varchar(50), m_cellphone1 varchar(5), m_cellphone2 smallint, m_cellphone3 smallint, m_phoneNum1 varchar(5), m_phoneNum2 smallint, m_phoneNum3 smallint, m_birth date, m_verify char(1) not null default 'n' )engine=InnoDB character set=utf8; 먼저 pom.xml에 아래와 같이 라이브러리 추가 그리고 web.xml에서 DispatcherServlet 등록 /WEB-INF/config/presentation-layer.xml에 아래와 같이 해준다. 개인 구글 아이디, 비번이 있어서 스샷으로 안하고 Text로 직접,, <!-- 메일보내기 -->    <bean id="mailSender" class = "org.springframework.mail.javamail.JavaMailSenderImpl">       <property na...

우선 역시 실행영상~ https://www.w3schools.com 에서 찾아보면 역시 코드가 있는데 가져와서 응용해서 만들어 보았다. 전체코드는 아래 깃헙링크에 있음,, 전체 프로젝트중 일부분만 따온거라 찾기 힘들수도 있지만 일단 첨부,, https://github.com/leehyolim/Balpoom html, css까지 올리면 너무 지저분해 질것 같아서 생략하고 자바스크립트 코드만 맨아래에 아래 함수 들이 있다. openNav() #mySidenav의 width속성을 500px로 만들어줌 -> 튀어나오도록 closeNav() #mySidenav의 width속성을 0로 만들어줌 -> 들어가서 안보이도록 해준다. #choice라는 select태그의 값이 어떤 값이냐에 따라 밑에 있는 태그들이 유동적으로 바뀌게끔 짜주었다. 조금 지저분하지만 겁나 솔직하고 직관적이게 짰다. 더 좋은방법이 있겠지만 느낌가는데로,,,~ $(document).ready(function(){   var output = "";   if($("#choice > option:selected").val()=='Bottom'){     output +='<label>총 기 장 : </label> <input type="text" name="length" placeholder="Enter Your Cm"/><br>';     output +='<label>허&nbsp;&nbsp;&nbsp;&nbsp; 리 : </label> <input type="text" name="waist" placeholder="Enter Your Cm"/><br>...

우선 역시 실행영상~ https://www.w3schools.com 에서 찾아보면 코드가 있는데 가져와서 조금만 바꿨다. 전체코드는 아래 깃헙링크에 있음,, 전체 프로젝트중 일부분만 따온거라 찾기 힘들수도 있지만 일단 첨부,, https://github.com/leehyolim/Balpoom html, css까지 올리면 너무 지저분해 질것 같아서 생략하고 자바스크립트 코드만 setTimeout을 이용해서  2초마다 함수를 호출해서 사진을 바꿔주게끔 설정을 했다. dot이라는 클래스를 가진 태그들이 아래 점들이다. active에는 배경색을 바꿔주는 css가 있다. 4개의 사진 전부 display:none;에서 보여줄 사진만 2초마다 block으로 바꿔주는 방법. var slideIndex = 0; showSlides(); function showSlides() {     var i;     var slides = document.getElementsByClassName("slides");     var dots = document.getElementsByClassName("dot");     for (i = 0; i < slides.length; i++) {        slides[i].style.display = "none";      }     slideIndex++;     if (slideIndex > slides.length) {slideIndex = 1}        for (i = 0; i < dots.length; i++) {         dots[i].className = dots[i].className.replace(" acti...

우선 실행 영상, 전체코드는 아래 깃헙링크에 있음,, 전체 프로젝트중 일부분만 따온거라 찾기 힘들수도 있지만 일단 첨부,, https://github.com/leehyolim/Balpoom html, css까지 올리면 너무 지저분해 질것 같아서 생략하고 자바스크립트 코드만 position속성을 이용해서 특정 height를 지나치면 top에 붙어서 fixed로 바꿔주고 평상시에는 static이 되도록 코드를 짜준다. var navbarHeight=document.getElementById("header_navbar"); var submenu=document.getElementById("header_submenu"); function stop(){ if(window.pageYOffset > 130) { navbarHeight.style.position="fixed"; submenu.style.position="fixed"; navbarHeight.style.top="0px"; submenu.style.top="123px"; } else { navbarHeight.style.position="static"; submenu.style.position="static"; navbarHeight.style.top="0px"; submenu.style.top="0px"; } } window.addEventListener("scroll", stop); 여기서부터는 서브메뉴 코드 mouseenter하면 display:none; 에서 inline-block으로 바뀌게끔 코드를 짠다. mouseleave하면 display:inline-block에서 none;으로 반대로 바뀌게...

우선 실행 영상, 사진들은 그냥 쇼핑몰에서 가져와서 괜찮을라나 모르겠다,, 전체코드는 아래 깃헙링크에 있음,, 전체 프로젝트중 일부분만 따온거라 찾기 힘들수도 있지만 일단 첨부,, https://github.com/leehyolim/Balpoom html, css까지 올리면 너무 지저분해 질것 같아서 생략하고 자바스크립트 코드만 #left는 왼쪽 개발바닥모양이고 #right는 오른쪽 개발바닥모양 width가 총 1200px이라서 오른쪽이나 왼쪽으로 1200씩 더해주고 빼주는 식으로 구현. var curPosition=1; $(document).ready(function(){   $('#left').click(function(){     if(curPosition == 1){     fnMove(4);   }else if(curPosition == 2){     fnMove(1);   }else if(curPosition == 3){     fnMove(2);   }else if(curPosition == 4){     fnMove(3);   }   });   $('#right').click(function(){     if(curPosition == 1){     fnMove(2);   }else if(curPosition == 2){     fnMove(3);   }else if(curPosition == 3){     fnMove(4);   }else if(curPosition == 4){     fnMove(1);   }   }); }); function fnMove(seq){   if(seq=...

https://open.kakao.com/o/s3aMpbA 한국은 이미 학기가 끝났는데 과제의뢰가 오길래, 뭐지? 했는데 캐나다에 있는 칼튼대학교에서 의뢰가 들어왔다. intellij ide를 이용해서 해야한다는 가이드라인이 있었다. 과제는 요구사항들은 아래와 같이 총 3문제이다. Math.random() 을 어떻게 활용하느냐에 대한 문제들이였다. 3번이 2차 배열에서 컬럼별로 접근하는게 조금 까다로운거 빼곤 수월했었다. 코드는 지저분 해서 안올리고 실행영상만

my.cnf 켜준다. 아래처럼 #client, #mysqld, #mysqldump, #mysql 부분추가 재시작! 설정 바뀐거 확인! 설정바뀐거 확인! 2 끝