본문 바로가기

분류 전체보기

 (119)
project 2.3 My first website/ 회원가입 페이지 정규식을 할 수 있는 회원가입페이지 결과는 아래와 같이 나온다 지금 정규식검사가 진행되는 div 가 동적이 아닌,,, 내맘대로 패딩을 대충 중간으로 우겨넣었기 때문에 이게 창사이즈마다 웃기게작용됨ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ진짜ㅠㅠ 프론트엔드 개발자분들 존경합니다.. 무튼 본론으로 들어가서 오늘도 view부터 1. view (join.jsp) 정규식 검사를 진행한 건: id, pw, confirm pw, email, phone 어짜피 다 비슷한 형식으로 가기 때문에 제일 힘들었던? 복잡했던? 비밀번호 체크만 올린다. * 모든 정규식은 전부 페이지로드 이벤트 함수에 걸려있음 // 2. 비밀번호 체크 // 8 ~ 20 사이의 대문자, 소문자, 숫자, 특수문자(~!@#$%^&*)를 사용한다. // 소문자, 숫자 필수 나..
5. STS / REST API REST(Representational State Transfer): 로이 필딩(Roy Fielding)의 2000년 박사학위 논문에서 소개된 용어로 "웹에 존재하는 모든 자원(이미지, 동영상, DB 자원)에 고유한 URI를 부여해 활용"하는 것으로, 자원을 정의하고 자원에 대한 주소를 지정하는 방법론을 의미한다고 한다. Restful API: REST 특징을 지키면서 API를 제공하는 것을 의미한다. HTTP 통신에서 어떤 자원에 대한 CRUD 요청을 Resource와 Method로 표현하여 특정한 형태로 전달할지 정해주는 가이드라인 REST 의 주요한 목표 1. 구성 요소 상호작용의 규모 확장성(scalability of component interactions) 2. 인터페이스의 범용성 (Gener..
project 2. 2 My first website/ 아이디, 비밀번호 찾기 페이지 Ajax를 이용하여 백앤드 결과값(아이디, 임시비밀번호) 받아 프론트에 뿌려주기 결과는 아래와 같이 나온다! 1. View (findId.jsp , findPw.jsp) 기본 html은 너무기본적인 내용이라 생략 스크립트 (ajax) 위주로 정리 1) findId $(document).ready(function (){ // 화면이 켜지면 바로 함수실행 fn_findId(); }); function fn_findId() { $('#findIdBtn').click(function(){ // FIND ID 버튼이 클릭되면 아래 ajax실행 $.ajax({ url:'/MYHOME_P/findId.member', // 이동할 컨트롤러 주소. type: 'get', //요청방식 : get data: 'mEmail=..
project 2. 1 My first website/ Mybatis란? 그리고 login 페이지만들기 메인페이지 index.jsp header와 footer파일을 나눠 모든 각각의 페이지에 삽입시켜줬다 헤더는 상단 버튼들 퓨터는 기본 저작권 내용 ~~뭐 약관 등등~~ + 태그 index에는 정말 welcome to my first website 내용만 있다고 보면됨.. DB는 Mybatis로 오라클에 연결했고, 회원과 관련된 member mapper/ 게시판 글과 관련된 board mapper를 만들었다. SqlSession으로 Dao가 Db 접근을 할 수 있게했다. MyBatis란? 1. MyBatis 는 모든 쿼리문(SQL)을 Mapper 에 저장한다. 2. Mapper 에 접근해서 쿼리문을 실행하는 역할을 SqlSession 클래스가 담당한다. 3. SqlSession 클래스를 사용하려면 다음 과정..
10. September 6, 2020 오늘의 배움 입력을 받을 수 있는 코드 중 하나. 윈도우창을 띄워준다. 1. JOptionPane.showInputDialog(""); 그럼이렇게 뜨고 id를 입력하면 이렇게 사용자가 입력한 id값이 시스템에 저장되어 개발자가 이용할 수 있다 2. argument (매개변수, 파라미터) Run configurations 에 들어가서 arguments에 '' 으로 1개씩 나눠준다. 그러면 'Yuni'는 args[0], '27'은 agrs[1] 이다. args 는 매개변수로, parameter라고도 한다. 기본적으로 String 타입으로 저장이되어, age의 경우에는 int로 사용을 했으므로 int로 컨버전(Integer.parseInt())을 해준다. 결과값이 잘 나오는걸 확인할 수 있다.
4. STS / Mybatis 게시판에 이미지 업로드하고 다운로드 받기 결과 샷 1. 한글 이름의 파일은 미리보기가 불가능하고, 영어이름의 파일은 미리보기가 가능. 2. 다운로드는 당연히 모두다 가능 3. sqldeveloper에도 잘 올라가있음 1. pom.xml org.mybatis mybatis 3.2.8 org.mybatis mybatis-spring 1.2.2 org.springframework spring-jdbc ${org.springframework-version} commons-fileupload commons-fileupload 1.3.1 commons-io commons-io 2.4 2. root-context.xml 3. mapper.xml // 매퍼가 들어있는 위치 INSERT INTO IMAGEBOARD VALUES (IMAGEBOARD_SEQ.NE..
9. September 3, 2020 오늘의 배움 java Math 클래스 : java lang 패키지에 포함되어있는 클래스로 수학 연산의 캐비넷이라고 생각할 수 있음. (수학과 관련된 여러 명령어를 처리) 특징 : Math 클래스의 메소드들은 전부 static으로 구현되어있음 -> 따로 객체 생성 필요 없음 메소드 1. random() 0.0~1.0 사이 임의로 double 타입의 데이터를 생성하여 반환 (int) Math.random() * 100 -> 0~99 사이 랜덤숫자 생성 *숫자가 길어지면 long타입으로 캐스팅 2. max(), min() static (int, long, double, float) max(int,long,double,float a, b) : a와 b 중 더 큰 수를 반환 (타입 일치 시켜줄것) static (..
3. STS 로 랜덤한 숫자의 인증코드 이메일로 보내고 인증절차 거치기 1. 우선적으로 이메일 인증을 위한 Dependency 2개 (pom.xml) javax.mail mail 1.4.7 org.springframework spring-context-support ${org.springframework-version} 2. mailSender bean 생성 (root-context.xml) 1) 받는 계정은 모든 계정이 가능하다. 2) 보내는 계정은 구글 계정만 가능하다. 3) 구글 로그인 후 "보안 수준이 낮은 앱 허용" 을 허용해야 한다. true true 3. index.jsp (맨처음 view page)에서 이메일 인증을 받고 서비스를 시작할 수 있게 한다. // ->controller 로 연결 You need to be authorized before using ..

티스토리툴바