공부 기록(86)
-
2021-08-12 121일차
큐 oninput 이벤트, 정규식, replace() 함수로 숫자만 입력할 수 있도록 제한한다. `````` oninput 이벤트, 정규식, replace() 함수로 영어만 입력할 수 있도록 제한한다. html에서 input type="number" 로 입력값을 받을경우에 다른 글자는 입력할 수 없지만, e는 입력이됩니다. 그걸 막기위한 몇가지 방법을 소개하려고 합니다. 알파벳 e의 keyCode인 69가 들어올 경우 false를 리턴해버리면 e는 입력되지 않습니다. 하지만 복사해서 붙혀넣기 했을경우엔 e가 들어오기때문에 완벽한 방법이라곤 할 수 없습니다. onkeydown="javascript: return event.keyCode == 69 ? false : true" 다음방법은 자바스크립트를 사용해..
2021.08.12 -
2021-07-28 106일차
큐 스프링 부트 커뮤니티게시판 만들기 자주하는 실수 내가 모르는 것 느낀점 다이나믹 웹 프로젝트 사용해서 JSP 프로젝트로 개발할 때 보다 스프링 부트로 만드는게 더 간단한것 같았다. 확실히 프레임워크인 만큼 제공되는 기능들을 사용하면 간단하게 구조를 짤 수 있다는게 장점인것 같다. 하지만 서블릿이 존재하지 않는 스프링부트의 경우 기존 사용하던 Rq 클래스를 사용하기가 힘들것같아서 새로운 ScriptUtil 이라는 유틸을 만들었는데, 기존보다 코드가 길어졌다.
2021.07.28 -
2021-07-26 104일차
큐 스프링부트 MVC 구조 구현해보기 스브링부트 어노테이션에 대한 이해 자주하는 실수 내가 모르는 것 @Component @Component 에는 @Controller 컴포넌트와 @Service 컴포넌트 @Repository 컴포넌트가 있다 각각 기능인 거의 같다고 볼수있다. 하지만 해당 클래스가 어떠한 기능을 가지고있는지에 따라 서로 다른컴포넌트를 붙혀준다고 하는데, 강의영상을 보던중 ArticleRepository 클래스에 @Repository 컴포넌트가 아닌 @Component를 달아주는 이유를 잘 모르겠다. 느낀점 스프링부트가 확실히 편하다는 느낌을 많이 받는다. configuration도 어노테이션사용해서 자동으로 설정이되고. 싱글톤 패턴으로 서비스나 리포지터리를 사용하기위해 Container ..
2021.07.26 -
2021-07-23 101일차
큐 스프링부트 기초공부 자주하는 실수 내가 모르는 것 느낀점 스프링부트에 관해서 기본적인걸 찾아보고 세팅해서 실행까지 해보려고 했으나Loading class com.mysql.jdbc.Driver'. This is deprecated. The new driver class is com.mysql.cj.jdbc.Driver'. The driver is automatically registered via the SPI and manual loading of the driver class is generally unnecessary. 라는 에러때문에 실행을 못했다. db연결이 안되서 생기는 오류라고 하는데, 어느부분이 잘못된건지 도저히 찾을수가 없었다.
2021.07.24 -
2021-07-22 100일차
큐 회원가입시 아이디, 닉네임, 이메일 중복체크 ajax요청 수정 이메일 입력시 이메일표준형식이랑 일치하는지 체크하는 함수 구현 회원정보 수정 기능 구현 회원정보 수정시 본인아이디일 경우제외하고 중복체크 중복체크를 버튼클릭 방식에서 입력폼에서 포커스를 옮김과 동시에 자동으로 중복체크 하는방식으로 변경 헤더 디자인 변경 및 서치박스를 헤더로 옮김 모바일 사이드바 디자인 자주하는 실수 내가 모르는 것 느낀점 회원정보수정 할때 ajax 요청보내고 db조회해서 값을 리턴받은 값과 세션에 들어있는 현재 로그인된 정보의 값을 비교해야하는데 세션을 어떤식으로 가져와서 사용해야할까 고민했다. getSessionAttr로 가져오면 String 타입으로 들어와서 회원정보 전체가 들어오는데 거기서하나만 빼서 쓸수가 없었다...
2021.07.22 -
2021-07-21 99일차
큐 ajax로 회원가입시 아이디, 닉네임 중복체크 비밀번호 2회 입력 받고 두개가 일치하지 않으면 일치하지 않아 회원가입 진행 실패하게끔 구현 모바일 탑바, PC 탑바 분리 및 모바일 사이드바 구현 자주하는 실수 내가 모르는 것 $("#join-submit").click(function(){ var loginIdChecked = $("#join-submit").val(); if(loginIdChecked == 0 || loginIdChecked == 2){ $("#loginIdCheckMsg").html('아이디 중복을 확인해주세요.'); return false; } }); 위의 자바스크립트 코드에서 $("#loginIdCheckMsg").html('아이디 중복을 확인해주세요.'); 다음 return f..
2021.07.21