A Joyful AI Research Journey🌳😊

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까지 구현된 스크린샷입니다. 백엔드 웹페이지 부분) 헤더 바꾸기 전)

230414 학원에서 요청한 포트폴리오를 만들었다. 2주라는 기간이 주어졌었고, 지금 생각해보면 백엔드 부분을 먼저 만들어야했었다고 느낀다. TT 아니면 학원에서 알려준 쉬운 스프링 방법으로 했던지 머리 속에 있는 디자인을 화면으로 구현하는 건 재밌었다. 시간 가는 줄 모르고 만들었다. 거의 프론트엔드 7일, 백엔드 7일 걸렸는데 학원에서 안 가르쳐준 스프링 시큐리티로 만들다가 백엔드 할 시간이 거의 다 갔다. 아무래도 완성이 중요하니까 모험보다는 그냥 쉬운 길이 나은걸까 의문이다. 다음주부터 팀프로젝트인데 스프링 시큐리티 부분은 공부해서 수업 마치기 전까지는 꼭 끝내고 싶다. 어쨌든 난 진짜 잠 줄여가며 최선을 다해서 만들었고 남은 2달 반 동안 최선을 다하자XD

2304013 Thu 74th class 현실에서 쓰이는 것: spring crud, spring security, ajax, db 우선 MySQL 연결 해결하도록 하기 [완료] 시간 상 그 후 내용 최종적으로 수정하고, 사진 넣기 - 내용 수정 할 것 섹션들 "이미지" 채워 넣음 포트폴리오도 프로젝트 섹션에 넣기, "섹션: 프로젝트1 설명" 채워 넣기 [완료] 내용 적절한지 체크하기 [완료] - 프론트엔드 할 것 백엔드 공간 섹션: 로그인, 회원가입 윈도우 크기 반응형으로 바꾸기 기술 섹션: 이미지로 바꾸기 (생각) [밑에 백엔드 웹사이트 넣으면서 안 넣기로 함] 포트폴리오: 메뉴 폰트 색상 이동하면 변경되게 만들기(자바스크립트) 전체 섹션: 바탕 누르면 짧게 밑으로 내려갔다 올라가는 디자인 반응형일 ..

230413 Thu 아래는 팀프로젝트로 쓰게 될 노션 주소이다. https://www.notion.so/kdigitalulsan/ https://docs.google.com/spreadsheets/d/1JcX4sHAuBRGsbXIgktxj5n72sMyFQutQyqJ7R_xQCCU/edit#gid=0 GANTT CHART TEMPLATE Gantt Chart Template GANTT CHART TEMPLATE,To use the template click File and make a copy PROJECT TITLE,COMPANY NAME PROJECT MANAGER,DATE PHASE ONE WBS NUMBER,TASK TITLE,TASK OWNER,START DATE,DUE DATE,DURATION,..

2304012 Wed 73rd class 백엔드 (스프링부트 - 스프링 시큐리티) 할 것 리스트 MySQL 연결하기 (아니면 h2) 로그인, 로그아웃 메시지 상단에 뜨게 하기 관리자의 회원 관리 페이지 만들기 회원의 My Page 만들고 회원의 회원정보수정 구현하기 https://memostack.tistory.com/155 Spring Boot 에서 JPA 사용하기 (MySQL 사용) MySQL 설정 MySQL 설치 MySQL 설치는 아래 글 참고 2020/10/30 - [Database/RDB] - MySQL 설치하기 (Mac OSX) MySQL 설치하기 (Mac OSX) MySQL 설치 본 글에서는 Homebrew 를 이용하여 MySQL 을 설치한다. $ brew update $ brew insta..

2304010 Mon 71st class 제일 중요) 백엔드를 포트폴리오 안에 넣기 백엔드 할 것 리스트 4/14(금)까지 회원가입 만들기 => 완료 로그인 만들기 => 완 My Page 만들기 회원정보수정 만들기 (게시판 글쓰기) 개인프로젝트1에 백엔드 적용 방법은 여러가지이다. - 메이븐 - Gradle + Spring Security 스프링부트: 회원가입, 로그인 https://wikidocs.net/162141 3-06 회원가입 wikidocs.net [완성 소스] : https://github.com/pahkey/sbb3/tree/3-06 [실습 영상] : https://youtu.be/VEEu1N7Edws https://wikidocs.net/162255 3-07 로그인과 로그아웃 wikido..

230408 Sat 230409 Sun 오늘 안에 백엔드 스프링부트 - Gradle로 끝내자 https://n2infotech.co.kr/251 => 230409 Gradle이랑 Java 버전이 안 맞다보니 실행이 안 되고 있다. 우선 책 예제를 STS 이클립스에서 Gradle 버전으로 만들긴 했는데, 코드가 몇 년 전이다보니 최신형으로 바꿨는 데 오류가 있다. * 백엔드 할 것 리스트 1번째) 4/14까지 백엔드를 포트폴리오 안에 넣기 회원가입 로그인 My Page 회원정보수정 (게시판 글쓰기) 2번째) 개인프로젝트1에 백엔드 적용하고 (리액트+Node.js해도 됨) 포트폴리오의 "섹션: 프로젝트 설명" 및 깃허브 수정하기 * 프론트엔드 및 내용 수정 할 것 내용 적절한지 체크하기 섹션들 "이미지" 채..

스프링부트: 회원가입, 로그인 https://wikidocs.net/162141 3-06 회원가입 * `[완성 소스]` : [https://github.com/pahkey/sbb3/tree/3-06](https://github.com/pahkey/sbb3/tree/3-06) … wikidocs.net [완성 소스] : https://github.com/pahkey/sbb3/tree/3-06 [실습 영상] : https://youtu.be/VEEu1N7Edws https://wikidocs.net/162255 3-07 로그인과 로그아웃 * `[완성 소스]` : [https://github.com/pahkey/sbb3/tree/3-07](https://github.com/pahkey/sbb3/tree/3-0..

https://www.nyp.org/ NewYork-Presbyterian NewYork-Presbyterian is one of the nation’s most comprehensive academic health care delivery systems, dedicated to providing the highest quality, most compassionate care to patients in the New York metropolitan area and throughout the globe. www.nyp.org https://www.gsitm.com/ GS ITM No.1 B2B 플랫폼 서비스 전문 기업 GS ITM입니다. www.gsitm.com https://nationalheadache..

https://it-techtree.tistory.com/entry/develop-and-website-using-github-page-And-jekyll Github Page와 Jekyll로 웹 사이트 제작하기 (블로그,포트폴리오) 웹사이트를 제작하여 무료로 호스팅까지 할 수 있는 방법이 있습니다. Jekyll라는 오픈소스로 정적 웹 사이트를 생성한 후 Github pages를 이용하면 무료로 정적 웹사이트를 호스팅이 가능합니다. Git it-techtree.tistory.com http://jekyllthemes.org Jekyll Themes jekyllthemes.org

230328 Tue, 230329 Wed 기본틀은 아래와 같고 input에 name, type, id 등 다양한 걸 넣을 수 있다. 검색하면 보통 전체 약관 동의만 떠서 그런데 선택 약관 코드도 넣었다. 코드) 전체 약관, 선택 약관, 이메일, SMS 각 눌렀을 때 체크박스 체크되게 만들기 //전체 약관 동의 function checkAll() { if ($("#TermsOfService").is(':checked')) { $("input[name=sub_TermsOfServiceRequired]").prop("checked", true); } else { $("input[type=checkbox]").prop("checked", false); } } //선택 약관 동의 function checkOpti..