생각하는 강아지

룰렛을 위한 데이터 베이스 만들기 (IntelliJ - mySql)

안녕하세요 오랜만에 글을 쓰게 됐네요.. 룰렛을 만들다...쉽게 되지 않아 시행착오가 있었습니다..물론 지금도 실행을 하면서 한단계씩 하는거라 잘 될지 모르겠네요..우선 오른편에 있는 database를 클릭합니다. 왼쪽 상단의 + 버튼을 누르고 mysql 을 찾아가서 추가합시다.혹시 다른 db가 편하신 분들은 다른 db를 사용하셔도되는데 제가 잘 모를 수 있습니다..비밀번호를 찾느라 애 좀 먹었습니다 ㅎㅎ저는 이전에 만들어둔 mySql서버가 있어서 그대로 사용하려고 합니다. test Connection까지 확인했습니다. mysql workbench에서 'HBD'라는 데이터 베이스를 생성했습니다. 아래는 intellJ에서 돌고래아이콘console에서 입력하시면 됩니다. 룰렛이라는 테이블에 만들기 전에 어떤..

[springBoot] 링크이동

홈페이지를 잘 꾸미고 오셨나요?아직 안꾸미셨다면!!!! 화면 꾸미기  이번엔 친구가 선물을 선택 할 수 있는 화면을 구현해보도록 하겠습니다. 일단 저는 두가지 방법으로 선물을 증정하려고 하는데요! 첫번째 방식은 룰렛, 두번째 방식은 뽑기로 증정하려고 합니다.  우선 룰렛과 뽑기의 이미지를 다운 받아 넣어줬어요.해당 관련 소스 코드 참고로 이미지는 png로 다운 받고 resources/static/imges에 넣어두시면 됩니다.자 다음 룰렛이미지를 클릭했을때의 화면을 만들어볼까요? 우선 MainController에서 두 경우를 추가해야합니다. 그리고 해당 이미지를 눌렀을때 roultette과 lucky 로 이동할 수 있도록 해야겠죠? 클릭을 했을때 이동하는함수를 만들어줬습니다.  그리고 또 화..

[springBoot] 화면 꾸미기 css, animation

이제 화면 구성을 해보도록 하겠습니다. 오늘은 거의 css와 html만 다룰것 같네요. 아직 친구이름을 연결을 안했다면? 이름 전달하기일단 화면을 어떻게 구상할지 생각해보도록 하겠습니다. 현재 홈 화면인데 전혀 생일파티 같은 분위기가 안나네요. 전 사실 front쪽은 자신이없어서 챗 지피티한테 시켜보도록 하겠습니다.  과연 ai가 생각하는 생일파티 분위기는 어떨까요? 생각보다 퀄리티가 너무 괜찮은데요..? 이미지 사진만 좀 넣어서 더 괜찮은 분위기로 만들어보겠습니다.  조금 생일파티 분위기가 나나요? 다음 입장하기 후 이미지도 수정해보도록 하겠습니다. 허전하고 시시하네요  아까 챗지피티에서 사용했던 값들을 그대로 가져와서 자연스럽게 페이지가 이어지도록 해보겠습니다. 조금 더 신나는 분위기를 만들려고 통통..

[springBoot] 이름 전달하기

이번엔 이름을 넣으면 그 값이 다음페이지에 전달하도록 해보겠습니다. 그전에 아직 여러개의 화면과 url을 안만들었다면?Controller작성 및 화면 연결하기윗글을 먼저 읽고 와주세요! 가장 먼저 컨트롤러 부분입니다. @RequestParam(name="name", required=true) String name: name 파라미터를 필수로 지정합니다. 만약 name 파라미터가 URL에 포함되지 않으면 예외가 발생합니다.model.addAttribute("name", name): name 파라미터의 값을 모델에 추가합니다.return "birthday": birthday.html 템플릿을 반환합니다. home.html 을 수정하였습니다. 해당 input부분에 이름을 넣으면 그 이름 값을 name으로 넘겨..

[springBoot] Controller작성 및 화면 연결하기

자 언제까지나 index.html에만 있을 수 없잖아요?  페이지도 이동하고 해야하고 url도 바꿔야하고~"localhost:8080/abc "이거 하고 싶은 분들은 아래로 따라오시고 아직 파일구성도 못했다면...?프로젝트 파일 구성하기  아까 만들어둔 MainController안의 내용입니다. 저는 localhost:8080/home으로 가는것과 localhost:8080/present로 가는걸 만들었습니다.  자 이제 화면을 만들어볼까요? 우선 파일은 resouces/templates/home.html과 present.html을 만들었습니다. 우선 home.html의 소스 코드입니다. javascript를 이용하여 화면을 이동시키도록 했습니다. '여길 눌러봐'버튼을 클릭하면 /present 로 이동시..