A Joyful AI Research Journey🌳😊

230419 부트스트랩 템플릿을 사용하면서 화면을 만들고 있고 공통 css 파일을 쓰고 있다. 특정 파일에만 배경이 들어가길 바랐다. 다른 css 파일 안 만들고 단순하게 특정 파일에만 배경이 들어가게 하려면 아래 코드처럼 배경 화면을 특정 class로 만들고 .mainBg { background-image:url("../assets/main.jpg"); /* #경로 수정 필요함 # */ background-size:cover; background-attachment: fixed; position:fixed-bottom; } 만약 body에 배경화면이 들어간다면 아래처럼 클래스를 써서 사용하면 된다.

230419 아무래도 부트스트랩 템플릿이 반응형이므로, 아래 링크의 1페이지 짜리의 템플릿을 사용하기로 결정했다. 내가 맡은 것은 메인페이지, Issue, Download 화면이다. 최대한 빨리 구현하도록 한다. 사용할 템플릿 https://startbootstrap.com/previews/personal Start Bootstrap startbootstrap.com 아래는 2일차일 때 내가 피그마를 사용해서 만든 화면 구현 스토리보드이다.

230417, 230418 우선 학원에서 팀원들과 토론 후 학원에서도 만들고 그 후 집에서 만든 피그마 스토리보드이다. 밑의 스크린샷처럼 화면 구현이 될 예정이다. 궁금한 건 - [신청] 후 [결제하기] 누르는 건데 사용자가 [신청] 버튼 누른 뒤에 CSS가 적용되서 자기가 고른 증명서 알 수 있는지? [신청] 누른 뒤에 고른 증명서가 BOLD 된다던지 그게 나은가? => 팀원 말로는 새탭으로 넘기는 형태라고 한다. (팝업이랑 다르다.) EX) 구글 이메일에 있는 [열기] 버튼 눌러서 바로 새탭으로 가는 것. - 마지막 페이지에 요약으로 [신청 내용] 나오는데 이걸 그냥 4페이지에 넣는 게 나은 거 아닌가? => 빼는 게 낫다는 결론이다. [해결 완료]

[4/17 Mon ~ 5/9 Tue] 3주 2일 7시간 x 16일 = 112시간 (훈련 시간 100시간) 팀주제3: 진료 관련 증명서 출력 기능 구현 https://berapp.tistory.com/entry/소프트웨어-개발-과정 [Design Pattern] 소프트웨어 개발 과정 ※ [GoF 디자인 패턴! 이렇게 활용한다 : C++로 배우는 패턴의 이해와 활용] 책을 보고 공부한 내용중 중요하다 생각되는 부분들을 적어놓았습니다. 소프트웨어 개발 과정은 일반적으로 아래와 같 berapp.tistory.com 스토리 보드는 완성 제품의 ‘미리보기’를 위한 방법론 각 페이지의 구성 요소에 대한 정보와 그 흐름까지 알 수 있도록 한 화면 설계도가 바로 ‘스토리 보드’ https://www.elancer.co...

[4/17 Mon ~ 5/9 Tue] 3주 2일 7시간 x 16일 = 112시간 (훈련 시간 100시간) 팀주제3: 진료 관련 증명서 출력 기능 구현 - 다운로드: pdf - 출력 : 인쇄 https://sev.severance.healthcare/cms/print/print.do https://sev.severance.healthcare/cms/print/print.do sev.severance.healthcare 파일 다루는 것 https://sev.severance.healthcare/sev/patient-carer/record/online-isuuance.do 온라인 발급 서비스 sev.severance.healthcare https://www.samsunghospital.com/home/heal..

230416 우선 학원에서 요청한 포트폴리오를 보면 백엔드 부분이 있어서 학원에서 안 배운 스프링부트, 스프링 시큐리티로 했는데 백엔드 부분만 거의 10일 걸렸다. 어쨌든 기능 구현하니까 뿌듯하다! 네비 옆에 제목 넣은 걸로 수정했다. 깃허브에서 배포된 포트폴리오 웹사이트 링크▼ https://yjyuwisely.github.io/yjyuportfolio/ 깃허브 링크▼ https://github.com/yjyuwisely/Full-Stack-Web-Developer-Portfolio 23.04.16까지 구현된 스크린샷입니다. 백엔드 웹페이지 부분) 헤더 바꾸기 전)

230416 항상 화면 정중앙에 section이 위치하게 만들 수 있다. 코드) .section { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } 결과) 화면 정중앙에 위치한다.

230416 스프링 시큐리티를 이용해서 회원가입 후 로그인 하는 데 계속 아래 오류가 떴었다. No default constructor for entity: : com.example.demo.model.User 해결책은 내가 만든 User.java에 //adding a default constructor with no arguments to the User class //will allow Hibernate to instantiate objects of the class during database queries public User() { } 이 코드를 적어서 default를 지정해주는 것이다. User 클래스에 arguments가 없는 기본 생성자를 추가하면 Hibernate가 클래스의 객체를 인스턴..

출처: https://product.kyobobook.co.kr/detail/S000200456452 스프링 코딩 공작소 | 송미영 - 교보문고 스프링 코딩 공작소 | 처음부터 끝까지 직접 만들어 보며 익히는 스프링 MVC!스프링 MVC는 웹 애플리케이션 개발 전용 프레임워크로, 스프링에서 제공하는 많은 기능을 자유롭게 확장해 사용할 수 product.kyobobook.co.kr p. 198 뷰 리다이렉션 (View redirection) : 사용자 웹 요청에 따라 현재 뷰 페이지에서 다른 뷰 페이지로 이동하는 것. 컨트롤러의 요청 처리 메서드는 기본적으로 GET 방식을 사용하므로 뷰 페이지 이동 방식은 forward 방식을 따른다. @RequestMapping(...) public String 함수 이..