WEB 만들기
-
M1 Mac h2 database 설치하기WEB 만들기/mk_web - 스프링 부트 2023. 9. 10. 21:14
스프링을 공부하면서 h2 database를 설치해보았다 h2 database는 용량이 작은 매우 가벼운 데이터베이스이다 https://www.h2database.com/html/main.html 위 사이트에 접속해서 h2database를 설치해준다 ( 자신의 컴퓨터 환경에 맞는 파일을 설치해줘야 한다 ) 다운받은 파일의 압축을 풀어준다 h2 -> bin 으로 이동한 뒤 h2.sh 파일의 권한을 부여해주고 실행한다 실행중일때만 데이터베이스가 작동하므로 중지하지 않도록 주의해야함 위와 같이 나오고 연결버튼을 눌러준다 ( 만약 나타나지 않는다면 localhost:8082/~~ 로 변경해주면 접속이 가능하다 ) 위와 같이 초기화면이 나타난다 ~ 경로에 위의 명령어로 확인해보면 test.mv.db 라는 파일이 생..
-
Intelli J run 버튼 활성화 시키기WEB 만들기/mk_web - 스프링 부트 2023. 9. 9. 20:47
어찌저찌하다보니 run 버튼이 비활성화 되어있어서 활성화시켜줬다 위 사진과 같이 실행버튼이 비활성화상태이다 초록색 망치 옆에 Current File을 클릭하고 Edit Configurations... 클릭 + 버튼을 누르고 Application 클릭 제일 위쪽에 Name에 Main 이라고 이름을 적는다 빨간색 테두리되어있는 부분에 Main Class의 경로를 선택해준다 ( 위와 같이 자동으로 나온다 ) 경로를 지정하고 을 ~~.main으로 변경한다 Apply 누르고 Ok 누르면 실행버튼이 활성화된다
-
스프링 웹 개발 1️⃣WEB 만들기/mk_web - 스프링 부트 2023. 7. 5. 20:27
아이디를 저장하기 위한 기초 코딩을 진행했다 왼쪽에 domain과 Member를 생성하고 위와 같이 작성해 주었다 repository를 만들고 interface와 class 2가지를 아래에 만들었다 MemberRepository에서 Option + Enter를 누르면 위와 같이 나오고 맨 처음 빨간색모양을 클릭하면 9번 줄부터 아래로 쭉 만들어진다 ( 위 사진은 다 만든 후 찍은 사진 ) test를 진행하기 위해 MemoryMemberRepositoryTest를 생성하였으며 위와 같이 테스트에 성공했다 강의에서는 추가적으로 테스트가 더 진행되는데 버전문제인지 따라 하니 되지 않아서 여기까지만 했다 인프런 -> 스프링 입문 -> 코드로 배우는 스프링 부트, 웹 MVC, DB접근기술 https://inf.r..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.16 - 파일 업로드WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 5. 18:58
게시글을 작성할 때와 수정할 때 파일을 업로드할 수 있도록 했다 파일 업로드 15 파일 전송을 위해 enctype을 반드시 작성해 줘야 한다 32 ~ 36 파일 업로드를 위한 공간을 만들었다 34 ~ 38 수정하는 부분 역시 글쓰기와 마찬가지로 수정해 주고 파일 업로드 공간을 만들어 줬다 21 ~ 24 파일이 있다면 업로드 경로를 지정해 주고 허용할 확장자도 선택해 준다 26 ~ 38 에러가 생긴다면 에러메시지를 변수에 담아주고 파일의 이름도 파일 이름 변수에 담아준다 확장자를 골라주고 입력받은 확장자가 내가 허용할 확장자인지 확인한다 40 ~ 42 파일 이름의 구분을 위해 최종 파일의 이름을 저자 + 제목 + 파일 이름으로 해서 업로드한다 수정할 때와 글을 작성할 때 파일의 이름도 수정과 작성이 되도록..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.15 - 글 삭제WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 3. 17:11
작성된 게시글을 삭제할 수 있도록 했다 글 삭제하기 1 ~ 12 삭제 버튼이 눌러진다면 비밀번호가 비어있는지 먼저 확인 후 비밀번호가 비어있다면 비밀번호 입력요청 메시지를 띄워준다 14 ~ 37 AJAX 통신을 이용하고 성공적으로 삭제가 되면 삭제 완료 메시지를, 삭제에 실패하였을 경우 비밀번호 불일치 메시지를 띄워줬다 5 ~ 12 글의 번호와 비밀번호를 get으로 받아오고 게시글이 있는지 정보를 가져온다 14 ~ 25 만약 게시글이 있다면 게시글을 삭제해주고 exists:true 형태로 json 인코딩한다 ❗️❗️ $result = array(); 를 이미 다른 파일에서 사용하고 있어서 중복으로 사용한다면 json 형식에 문제가 생겨 AJAX 통신에 문제가 생길 수 있다 ❗️❗️ 따라서 $result_..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.14 - 글 수정WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 3. 16:58
작성된 게시글을 수정할 수 있도록 만들었다 글 수정하기 - 사용자 기본적인 글 작성페이지와 같고 15번 줄에 write_fix.js 파일을 추가해 주어 삭제 시 사용하도록 해 주었다 45 ~ 49 글 작성페이지에서 저장버튼을 삭제하고 목록, 수정, 삭제를 만들었다 목록은 왼쪽으로, 수정과 삭제는 오른쪽으로 위치시켰다 글 수정하기 - 서버 7 ~ 17 글 작성만을 확인하였지만 이곳에 idx 정보가 있다면 글을 수정하는 것이므로 수정하도록 글의 정보를 가져오도록 했다 19 ~ 23 만약 글의 정보인 idx 가 있다면 글에대한 정보를 가져오도록 한다 25 ~ 40 입력한 비밀번호가 일치한다면 글을 수정하고 아니라면 글을 수정하지 못하도록 했다 모두 정상적으로 작동한다
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.13 - 글쓰기, 게시글 보기WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 3. 16:41
게시판 목록에서 게시글의 제목을 클릭하면 해당 게시물을 볼 수 있도록 했다 글 작성하기 7 ~ 17 사용자의 세션과 글 작성 시 필요한 요소들을 포함시켜 주었다 19 ~ 28 게시글을 작성하기 위한 SQL 질의문을 만들어 실행시키고 게시판으로 이동하도록 했다 모두 test1234로 하고 저장버튼을 누르니 정상적으로 글이 작성되었다 게시글 보기 41 ~ 42 게시글의 제목을 클릭하면 작성된 게시글을 볼 수 있도록 하였고 파란색글자와 아래 밑줄표시를 제거해 주었다 왼쪽 하단에 정상적으로 이동하는 링크가 보인다 6 ~ 11 게시글의 정보를 가져온다 18 ~ 31 제목과 내용을 화면에 보여주고 수정버튼과 목록버튼을 추가했다