A Joyful AI Research Journey🌳😊

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 설명" 채워 넣기 [완료] 내용 적절한지 체크하기 [완료] - 프론트엔드 할 것 백엔드 공간 섹션: 로그인, 회원가입 윈도우 크기 반응형으로 바꾸기 기술 섹션: 이미지로 바꾸기 (생각) [밑에 백엔드 웹사이트 넣으면서 안 넣기로 함] 포트폴리오: 메뉴 폰트 색상 이동하면 변경되게 만들기(자바스크립트) 전체 섹션: 바탕 누르면 짧게 밑으로 내려갔다 올라가는 디자인 반응형일 ..

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해도 됨) 포트폴리오의 "섹션: 프로젝트 설명" 및 깃허브 수정하기 * 프론트엔드 및 내용 수정 할 것 내용 적절한지 체크하기 섹션들 "이미지" 채..

포트폴리오는 양이 아닌 퀄리티가 더 중요하다!

출처: 오늘부터 개발자 (김병욱 지음) p. 204 ~ 208 오늘부터 개발자 개발자를 꿈꾸며 공부를 시작한 저자가 들려주는 개발자 취업의 생생한 경험담이다. 개발자로 취직을 하고 보니 비로소 보이는 ‘어떤 언어를 먼저 배우는 게 좋다’ ‘개발을 배울 수 있는 곳 www.aladin.co.kr 포트폴리오: 그동안 내가 진행했던 것들을 정리해 취업하고자 하는 회사에 제출하는 자기소개서, 프로젝트들이 담기게 된다. 프로젝트: 내가 개발한 서비스(웹/앱 사이트) 나에 대해 정리를 잘해야 한다. - 내가 과거에 어떤 삶을 살아왔고, - 어떤 경험들을 해봤었는지, - 그리고 왜 개발 공부를 시작했고, - 어떤 분야의 공부를 해왔으며, - 어떤 프로젝트들을 했는지, - 또 앞으로 어떤 개발자로 성장하고 싶은지 등 ..

2023.01.29 - [🌳 List of Materials✨/디자인 자료] - 디자인) 여러가지 템플릿, 포트폴리오 보는 사이트 https://okky.kr/articles/360170 OKKY - 신입/취준생 분들을 위한 포트폴리오 제안 프로그래머의 길을 걷기로 마음먹고 취업을 준비하시는 분들이라면대체적으로 기업에서 요구하거나 가점으로 이용할 수 있는 포트폴리오 제작에많은 고민을 하신다는걸 알고 있습니다. 국비 okky.kr 230415 인사담당자가 개발자라면 무엇을 만들었나 보다 어떻게 만들었나가 더 관심이 큰 부분입니다. 신입 개발자가 포트폴리오를 준비할 때 알아두면 좋은 것들 스타트업 채용 담당자의 입장에서 바라본 포트폴리오 주니어 개발자가 포트폴리오를 준비할 때 알아두면 좋은 것들 스타트업 채..

[230206~] 첫 번째 개인 프로젝트 하면서 새로 알게 된 것 모음 새로 알게 된 것뿐만 아니라 이전에 이론 공부 했던 것들 중에 다시 상기하게 된 것도 포함했다. 프로젝트를 만드는 과정에서 배웠던 이론들을 직접 적용하니 머릿속에 더 남는 것 같다. :) 상대적으로 길이가 긴 내용은 개별 글로 옮겼다. (230329 ~ ) 230208 Wed autofocus="autofocus" The autofocus attribute is a boolean attribute. When present, it specifies that the element should automatically get focus when the page loads. 비밀번호 /* 회원 로그인 */ $('#btnSignIn').on(..

[230127~230205] 첫 번째 개인 프로젝트 하면서 새로 알게 된 것 모음 새로 알게 된 것뿐만 아니라 이전에 이론 공부 했던 것들 중에 다시 상기하게 된 것도 포함했다. 프로젝트를 만드는 과정에서 배웠던 이론들을 직접 적용하니 머릿속에 더 남는 것 같다. :) 상대적으로 길이가 긴 내용은 개별 글로 옮겼다. (230329 ~ ) 230130 div가 중앙 정렬이 된다. margin: auto; 특수문자 https://www.compart.com/en/unicode/U+2B9F Find all Unicode Characters from Hieroglyphs to Dingbats – Unicode Compart U+2B9F is the unicode hex value of the character ..

230316 Thu https://codepen.io/z-/pen/OBPJKK Expanding flex cards  Edit 9th October 2021: Added theme switcher... codepen.io codepen에서 View Complied CSS로 누르면 CSS로 코드 변경 가능하다. :) 메뉴 및 배경 참고 https://codepen.io/kimlarocca/pen/mdyxKzx Accessible Mega Menu on Desktop / Multi Level Menu on Mobile (jQuery) ... codepen.io 메뉴 참고 https://codepen.io/qwer273/pen/ExaaQOj 서브..

https://colorlib.com/wp/free-bootstrap-registration-forms/ 55 Best Free Bootstrap Registration Form Designs 2023 Choose from a wide variety of our easy-to-use free Bootstrap registration forms that easily fit any web project you work on. Simple CSS & HTML. colorlib.com https://gamma.app/ Gamma App A new medium for presenting ideas, powered by AI. Create beautiful, engaging content with none of t..

첫 번째 개인 포트폴리오: 울주군 여행 디자인 참고 사이트 아이콘 참고 가능 https://tour.ulsan.go.kr/kor/main.ulsan 울산관광 tour.ulsan.go.kr 동구 관광 내가 원하는 스타일의 깔끔한 사이트다. https://www.donggu.ulsan.kr/tour/cmm/main/mainPage.do | 울산광역시 동구 문화관광축제 www.donggu.ulsan.kr 소스를 볼 수 있다. view-source:https://www.donggu.ulsan.kr/tour/cmm/main/mainPage.do | 울산광역시 동구 문화관광축제 www.donggu.ulsan.kr 아래 웹사이트들은 여행 사이트로 로그인 회원가입 등 참고한다. 노랑풍선 https://www.ybtou..

2023.01.02 - [1. Revision 2023/HTML5] - [4] 230102 Ch3 HTML5 멀티미디어 & 입력양식 2월에 프로젝트 평가가 있을 예정이다. (23.02.21 예정) 본인이 만들고자 하는 프로젝트의 주제를 선정하고, 화면을 어떤 식으로 만들 것인지 회원가입 시 어떠한 정보를 저장할 것인지에 대해서 미리 생각해 둔다. - 주제: 취미, 잘하는 것, 관심 등 - 화면 구현 - 어떠한 데이터 저장되는지 (주제에 따라 어떤 데이터가 저장되는지 달라진다.) 먼저 ppt로 만들고 (로그인 화면, 회원가입, 게시판, 상품 나열 등) 실제로 구현한다. 벤치마킹 가능하다. ex) 전기수 예시: 1. 1인 가구의 증가에 따른 간편식 쇼핑몰 2. 유기동물 입양 웹사이트: 관리자 계정 로그인(회..