studyplan

이렇게 sign UP 을 누르면> ? 이렇게 회원 가입 폼이 나온다 ! html 은 자바스크립트때 가져올때만 보려고 한다 ! 회원 가입을 하려면 검증 해야될것이 엄청 많다 ! 그래서 검증할수있게 정규 표현식을 써야 한다 !! const getIdCheck = RegExp(/^[a-zA-Z0-9]{4,14}$/); // ^ 로 시작하는 $ 끝나는 , {4,14} 최소 4자 최대 14 자 const getPwCheck = RegExp( /([a-zA-Z0-9].*[!,@,#,$,%,^,&,*,?,_,~])|([!,@,#,$,%,^,&,*,?,_,~].*[a-zA-Z0-9])/); // 영문 ,숫자가 들어가야되고 / 특수문자 가 들어가야된다 , | 또는 특수문자로 시작하고 , 영문이 하나라도 들어가도 됨 co..

초기버전 테이블이다 !! account VARCHAR2(50), 계정 password VARCHAR2(150) NOT NULL, 비밀번호 name VARCHAR2(50) NOT NULL, 이름 email VARCHAR2(100) NOT NULL UNIQUE, 이메일 auth VARCHAR2(20) DEFAULT 'COMMON', 권한 // reg_date DATE DEFAULT SYSDATE, // 생성날짜 CONSTRAINT pk_member PRIMARY KEY (account) PK 정하기 ! 이제 이걸 가지고 어떻게 메소드를 만드는지 알아보자 ! 맵퍼!! , 맵퍼에는 꼭 @Mapper 를 붙이는것 잊지 말고 !! 이렇게 CRUD 를 만들었으면 이걸 직접 DB와 연동시키도록 ! XML 파일을 만든다..

1. 크롤링 - 날짜 , 시간 기간, 검색결과 , 일정 등등 ! 2. 메일로 보내야됨! 3. pdf 나 , 한글이나 , 워드같은 문서로 만들어야 됨! 3. 로그인 서비스 - 메일인 이 모델은 , 내가 매일매일 주식 특징주를 보고싶은데 일일이 검색하기 귀찮아서 만드는것 ! 추후 이 서비스를 받고싶은 사람들을 위한 메일링 서비스 진화 1. 나중에는 이 검색결과를 모아서 차트와 연동시켜서 어떤날에 어떤 뉴스가 나왔는지해보려고 한다 ! 창까지 띄우는 모습! 진화 2. 테마를수집해서 테마별로 일자별로 분봉에서 어떻게 변했는지 대장주의 특징은 무엇인지 확인해서 대장주를 알려주는 서비스 !

img 태그에는 src 라는 속성이 있는데 저기에 절대경로 , 또는 상대경로로 그 파일의 위치를 말해줘야 그 사진을 불러와서 띄울수가 있다 ! 근데 저 경로라는건 어떻게 아는걸까 ? 저 주소창으로 가보자 ! - 사진을 가져오는것이기때문에 ! @Getmapping(/loadFile) 로 시작하는놈을 찾으면 되지않을까 생각해본다 ! 뙿! @Getmapping(/loadFile) 로 시작하고 역시나 비동기 이기때문에 @ResponseBody 붙이고 // 해당 파일에 String fileName 으로 // 2022/08/01/qfwqfj[oqwjf_상어.jpg 이런게 들어온다 ! c/code/upload + / 2022/08/01/qfwqfj[oqwjf_상어.jpg 이걸 파일이라는 객체로 감싸서 그 파일이 있는..

이미지가 아닌 , text 파일을 넣었을때 ! 어떻게 되는지 코드를 봐보자 ! https://studyplan.tistory.com/184 스프링부트 파일 업로드 ! 비동기 버전 3. 넣은 파일 썸네일 띄우기 썸네일 띄우기!! 저번 과정에서 이 경로로 드롭이벤트한 파일을 보냈을때 파일이 저장된것을 확인했다 그러고 그 저장이 끝난후 ! return 값이 저장된 경로가 나오는 리스트를 반환 받게 되어있엇 studyplan.tistory.com 저곳에 올린 파일이 이미지가 맞는지 아닌지 까지 구분하는 메서드를 통해서 이미지일때 어떻게 나올지 까지 구현해봤다 ! 그럼 이미지가 아닐때는 어떻게 될까 ?

썸네일 띄우기!! 저번 과정에서 이 경로로 드롭이벤트한 파일을 보냈을때 파일이 저장된것을 확인했다 그러고 그 저장이 끝난후 ! return 값이 저장된 경로가 나오는 리스트를 반환 받게 되어있엇다 !! 그래서 위위 코드를 보면 showFileData(fileNames); 이 함수에 그 리스트를 넣는걸 확인 할수있다 ! 그럼 그 함수를 확인 해보러 가자 ! 화면에 보여주는데 . 저게 이미지인지 아닌지 부터확인 해야된다 ! 확인 하는 함수로 가면 ! 내가 넣은 사진의 특징을 보면 ! 끝이 .jpg로 되어있고 보통 사진은 , 상어.jpg 이런식의 모양을 나타낸다 그래서 .jpg 로 이게 그림인지 아닌지 확인할수있는것이고 ! 그래서 let originFileName = fileName.substring(file..

지난 시간에 자바스크립트로 비동기 요청을 보내는것 까지 했었다 근데 어디로 보냈는지 확인이 안되는 상태이니 서버쪽으로 가서 확인해 봐야겠다 !! 와 여기서 체크포인트가 진짜 많다 ! 1. @PostMapping() // post 형식으로 받는다는점 !! 2. 비동기 방식이라서 @ResponseBody 이거 붙여줘야 한다는점!! 3. 파일을 받았기 때문에 MultipartFile 을 써서 파일에 대한 정보를 받을것! 4. 파일과 상태를 함께 return 을 해줘야해서 ResponseEntity 를 써야 한다는점!! // 파일들을 받고 ! 그 리스트에서 String 타입의 클라이언트로 보낼 리스트를 만들고 받아온 파일리스트에서 파일을 FileUtils.uploadFile(file, UPLOAD_PATH); ..

저기에 드래그엔 드롭으로 파일을 넣어서 저장해보려고 한다 ! 저기에 사용한 HTML 은 !? 일단 ! 드래그엔 드롭을 하는데 변화를 주고싶어서 반응형으로 만들어봤다 ! 클래스가 fileDrop 인 태그를 잡아오고 // drag 진입 이벤트 $dropBox.on('dragover dragenter', e => { e.preventDefault(); $dropBox .css('border-color', 'red') .css('background', 'lightgray'); }); 그 박스 안에 , dragover dragenter 이벤트를 건다 ! // 그리고 e.preventDefault(); 기능을 정지 시키고 css('border-color', 'red') .css('background', 'light..