A Joyful AI Research Journey🌳😊

230125 ~ 230210 약 15일간 프론트엔드를 진행한 스크린샷이다. 깃허브 링크▼ https://github.com/yjyuwisely/Traveling-from-Ulju-gun

우선 리액트는 현재 수강 중인 국비 학원에서 안 가르치는 거라 따로 책이나 인강으로 공부할 예정인데, 서버 연결에 대해서 물어봤다. 리액트와 함께 쓰이는 node.js, spring, jpa 각각의 장점들을 알려준다.

https://yjyuwisely.tistory.com/entry/57-230321-K-디지털-트레이닝-57일-JSP-Ch-4-필수-이해-요소-Ch-5-기본-객체와-영역-Ch-6-에러-처리 공통 메뉴 로 나오게 한다. (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균) 책 예제 코드: https://github.com/madvirus/jsp23 파일 업로드 JSP p. 696 https://github.com/madvirus/jsp23/tree/master/webapps/appB GitHub - madvirus/jsp23: JSP 2.3 book source code JSP 2.3 book source code. Contribute to madvirus/jsp23 deve..

프로젝트 학습 평가 시기 및 평가 방법 프로젝트 진행 기간 중 평가 교육훈련생 관찰 기록을 통한 평가 20 (팀 프로젝트에 녹아졌는가, 출결 들어감) 프로젝트 전반의 작업일지에 대한 평가 20 (강사님 평가) 프로젝트 발표 후 프로젝트 산출물에 대한 평가 40 (외부 평가 들어감) 프로젝트 발표 후 팀원에 대한 동료 평가 10 (체크리스트) 프로젝트 발표 태도 및 자세 등에 대한 평가 10 전체 프로젝트 훈련시간 (360시간) 3) 기업 프로젝트 3차 (대규모) [5/25 Thu ~ 6/30 Fri => 5/30 Thu ~ 6/30 Fri] 4주 3일 (22일) 7시간 x 22일 = 154시간 (훈련 시간 180시간) 6/30 금 ★프로젝트평가★ 병원솔루션SCM관리프로세스 구현 팀주제명 (훈련 시간 18..

스프링: 회원가입 https://unknown-coding.tistory.com/12 Spring 회원가입양식 만들기(Ajax를 활용한 비동기 방식) 이번에 해본 것은 어느 사이트에 가도 꼭 있는 기능입니다. 바로 회/원/가/입! 회원가입을 하면서 간단하게 아이디, 비밀번호, 이메일 정도만 입력하게 하고 별도의 인증 없이 회원가입이 이루어 unknown-coding.tistory.com https://unknown-coding.tistory.com/16 Spring 회원가입양식 만들기(Ajax를 활용한 비동기 방식)(3) - 목차 - (1) 핸드폰 문자인증 시작전 준비해야되는 것들 coolsms 회원가입 문자 인증을 하기 위해서 가장 쉽게 접근할 수 있는 부분이 API를 이용한 접근이라고 생각합니다.(무..

UI 설계 도구 사용자의 요구사항에 맞게 UI의 화면 구조나 화면 배치 등을 설계할 때 사용하는 도구 1) 와이어프레임(Wireframe) - 기획 단계의 초기에 제작하는 것으로, 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대 한 뼈대를 설계하는 단계 - 개발자나 디자이너 등이 레이아웃을 협의하거나 현재 진행 상태 등을 공유하기 위해 와이어프레임을 사용 - 와이어프레임 툴 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등 2) 목업(Mockup) - 디자인, 사용 방법 설명, 평가 등을 위해 와이 어프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태의 모형 - 시각적으로만 구성 요소를 배치하는 것으로 실제로 구현되지는 않는다. - 목업 툴 : 파워 목업(파워포인트의 활용도를 ..

소프트웨어 개발 프로세스 모델 - 폭포수 모델(Waterfall Model) 소프트웨어 개발 프로세스 모델 - 폭포수 모델(Waterfall Model) 선형 순차 모델(linear, sequential model), 고전적 소프트웨어 생명 주기 각 단계는 병행 수행되지 않고 순차 수행됨 기본적으로는 아래 방 atoz-develop.tistory.com 플로우차트 https://go.gliffy.com/go/auth/login Gliffy Online go.gliffy.com https://taylog.tistory.com/33?category=1016090 ERD(Entity Relationship Diagram) ERD는 데이터베이스 구조를 한 눈에 알아보기 위해 그려놓는 다이어그램 https://w..

https://pixabay.com/videos 무료 비디오 자료들을 사용할 수 있다. https://hdqwalls.com/ 4k Wallpapers, 5k Wallpapers, 8k Wallpapers, HD Wallpapers , Wide Wallpapers hdqwalls.com 고화질 배경화면을 사용할 수 있다.

https://htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values. htmlcolorcodes.com https://www.rapidtables.org/ko/web/color/RGB_Color.html RGB 색상 코드 차트 🎨 RGB 색상 코드 차트 RGB 색상 선택기 | RGB 색상 코드 차트 | RGB 색 공간 | RGB 색상 형식 및 계산 | RGB 색상 표 RGB 색상 선택기 RGB 색상 코드 차트 색상 에 커서를 갖다 대면 아..

https://naado.tistory.com/17 티스토리 코드블록 테마 바꾸기, 줄 번호 넣기티스토리에 개발 관련 포스팅을 하다보면 코드를 삽입해야 할 일이 많습니다. 그런데 티스토리에서 기본적으로 제공하는 플러그인의 코드블럭 테마들은 가독성이 떨어지고 줄 번호가 보이지naado.tistory.comhttps://juahnpop.tistory.com/182 #6 CSS Position Sticky 으로 Navi 메뉴바 스크롤 내릴 때 상단 고정Nav 메뉴바 CSS Sticky 속성으로 상단 고정 현재 제작중인 스킨은 상단의 Nav 메뉴바와 왼쪽 사이드바의 일부 영역은 Position:sticky; 속성을 사용하여 상단에 고정하도록 구상을 하였습니다. 이번 포스juahnpop.tistory.comhtt..

정규 표현식 '/ ~ /' 을 복사해서 다음의 사이트에 넣고 실행하면 정규표현식에 어떤게 입력 가능한지 그림으로 보여준다. https://regexper.com/ Regexper regexper.com 230503 Wed https://blogpack.tistory.com/560 복사해서 바로 사용하는 자주 사용하는 정규표현식(Regular Expression) Top 20 1. 영문자 소문자, 숫자, "-", "_" 로만 구성된 길이 2 ~ 10자리 사이 문자열 /^[a-z0-9_-]{2,10}$/ 2. 신용카드 번호 19자리 숫자와 "-": /^[0-9-]{19}$/4-4-4-4 체크: /^[0-9]{4}[-\s\.]?[0-9]{4}[-\s\.]?[0-9]{4}[-\s\.]?[0-9]{4}$/ 3. ..

https://www.data.go.kr/ 프로젝트에 아직 쓰려면 아마도 몇 주 남았지만 미리 정리해뒀다.😊 https://www.data.go.kr/data/15095406/fileData.do 울산광역시_국가지정문화재(울주군)_20220125 울산광역시 울주군 관할 및 소재의 국가지정 문화재(문화재청장이 문화재보호법에 의하여 문화재위원회의 심의를 거쳐 지정한 문화재로서 국보·보물·국가무형문화재·사적·명승·천연기념물 www.data.go.kr https://www.data.go.kr/data/15095407/fileData.do 울산광역시_시지정문화재(울주군)(1)_20220125 울산광역시 울주군 관할 및 소재의 시지정 문화재(특별시장·광역시장·도지사가 국가지정문화재로 지정되지 아니한 문화재 중 보존..

Bubbles :) https://codepen.io/gzuzkstro/pen/oemMyN Circle Navigation Experimental navigation menu for a technical website. Built with GreenSock Animation Platform and SVG.... codepen.io https://codepen.io/controversial/pen/wWVGOv Apple Music Style Bubble UI (ab)using vis.js to make a floating bubble UI as seen in https://vimeo.com/132839044#t=115s... codepen.io https://codepen.io/juSchz/pen/ZEWG..

https://chobopark.tistory.com/125 [HTML&JQUERY] 이메일 형식 입력하는 방법 & 유효성 검사 (영상 有) 안녕하세요. HTML 과 JQUERY를 이용하여 이메일 형식만 입력할 수 있는 방법과 이에 대한 유효성 검사하는 방법에 대해 알아보겠습니다. 흔히들 많이 사용하는데 할때마다 잃어버려서 따로 정리해 chobopark.tistory.com https://ldgeao99-developer.tistory.com/511 [8주차] 33. jQuery로 회원가입 form 유효성 검사하기 회원가입 폼 유효성검사 * 전송 전에 유효성 검사를 해주려면 버튼에 onClick 속성을 추가해 유효성을 검사하는 함수를 호출하고, 그 함수의 리턴값에 따라 form 요소의 action 속성에..

230210 Fri 31st class [15th day for portfolio :)] 돋보기 검색 기능 넣기 디자인: 책 넓김 효과 마우스 움직일 때 화면 변경됨 마스코트: - 모두 투어 참고: 마우스 호버 때 사진 크기 커짐 완료 https://www.modetour.com/main/default.aspx - 마우스 오버 효과 완료 https://www.codingfactory.net/12584 - 굳이 메인에 공지 후기 게시판 넣어야하나?(생각중):0 : 공지, 후기, 자유게시판 - 첫번째 슬라이드쇼 사진 작아졌다가 커짐 효과 넣어도 된다. - 비밀번호 유효성 검사 완료한다. -react 책 참고 or 제이쿼리 참고 가능 view-source:https://www.ybtour.co.kr/accou..