초보개발자 개발일지

*회원가입시 입력값에 대한 유효성 검증 - 중복 아이디 확인 기능 구현 - 비밀번호 확인시, 동일한 비밀번호를 넣었는지 확인하는 기능 구현 - 이메일을 양식에 맞추어 작성했는지 확인하는 기능 구현 *bootstrap 홈페이지- docs - form - validation : 링크 - 사용자가 폼 입력시 입력한 값이 사용 가능한지 불가능한지 여부에 따라 보이는 방식을 다르게 해주는 CSS가 있다. (유효성 검증) /users/ 회원 가입 폼입니다. 아이디 사용할 수 있습니다. 사용할 수 없는 아이디입니다. 비밀번호 비밀번호를 확인하세요. 비밀번호 확인 이메일 이메일 형식에 맞게 입력하세요. 회원가입 - bootstrap의 내용을 참고하여 class="is-valid" 추가 - 위와 같이 해당 input 요..

34일차(2)/jsp(20) : 회원 프로필 이미지 등록, 수정 기능 구현 - 어떤 이미지를 업로드한다면, 파일이 실제 업로드되는 폴더는 /upload 가 아니다 - /webapp/upload/kim1.png 라는 이미지파일이 업로드된다면 DB에는 /upload/kim1.png 을 저장하고 해당 이미지를 출력할때는 DB에 저장된 /upload/kim1.png를 불러와서 형식으로 이미지를 출력하는 것이다. - 파일을 업로드하면 저장된 파일 경로를 알 수 있다. 그 경로를 통해 DB에 이미지를 저장하 고, 그 경로에서 불러와서 src에 출력하는 것이다. - upload는 webapp아래에 있어서 클라이언트가 요청을 통해서 접근 가능한 폴더이다. - DB칼럼에 경로 값을 저장해두고, ajax로 이미지를 업로드..

34일차(1)/jsp(19) : fetch, ajax 함수 - fetch : 익스플로러 안의 빌트인 함수 - fetch 함수의 사용법과, 왜 사용하는 것인지를 익히기 [ 웹브라우저에서 서버에 요청(request) 하는 방법 ] 1. 링크 클릭(get) → 페이지 이동 → 응답된 내용이 화면에 나타남 - 링크를 클릭하면 주소창에 변화가 생긴다(페이지가 이동된다) - 서버는 클라이언트의 요청에 응답하고, 응답되는 내용이 화면에 나타난다. 2. 폼 제출(get or post) → 페이지 이동 → 응답된 내용이 화면에 나타남 - 폼 전송시에는 get/post 중 어떤 방식으로 전송할지 결정할 수 있다. - 서버는 클라이언트의 요청에 응답하고, 응답되는 내용이 화면에 나타난다. *** 웹브라우저에서 서버에 요청(..

33일차(4)/javascript : Promise - javascript Promise 객체 사용법, 예제 - javascript는 비동기 방식으로 처리되고, 스레드가 하나뿐이다. 그래서 순서대로 어떤 작업을 하려고 할 때 좀더 복잡한 절차가 필요할 수 있다. 비동기 테스트 setTimeout(function(){ console.log("5초가 경과됐네?"); }, 5000); - 어떤 작업이 5초 후 처리되도록 했을 경우, - 5초 뒤에 호출되는 함수이다. function work(job, callback){} - work는 문자열, 함수를 전달하는 함수이다. - 문자열로 전달한 작업이 끝나면 이 함수를 호출하는 구조 - 이 함수를 호출하게 되면 임의의 시간(ranTime) 이후에 이 작업이 끝난다...