• HTML, CSS, JAVASCRIPT, AJAX, 파일질라, 닷홈 등을 사용했습니다!
• 오른쪽 상단에 아이콘을 누르면 현재 자신의 위치를 기준으로 볼 수 있습니다! (개발환경에선 되었는데 배포하니 안되는 현상이 발생하여 수정해야함 => HTTPS 환경에서만 사용가능한 기능이라고 합니다! 현재는 적용 불가할거 같습니다!)
• 검색어를 치면 실시간으로 포함되는 결과만 보여줌니다!
• 카카오톡에 정보를 볼 수 있게 했습니다!
• 창원대학교 홈페이지엔 지도가 없어서 불편했는데 쓸 수 있는 앱사이트도 불편한 UI를 가지고 있어서 만들어보았습니다!
• 참고사이트 : https://app.changwon.ac.kr/campus/campus_005.do

+ 추가(20240226_2308)

• 사용법을 업로드 하였습니다!
• 타이틀 클릭하면 지도 원본으로 돌아가게 링크 추가하였습니다!

+ 추가(20231021_0924)

• 모바일 화면 대응되게 수정하였습니다!
• 식단표 모달창으로 보게 수정하였습니다!

+ 추가(20231022_2355)

• SSL 인증을 하여 HTTPS 접속이 가능하게 되어 현재 나의 위치 표시가 가능합니다!

+ 추가(20231026_2329)

• kakao map api를 최신으로 적용하고 키를 사용하였습니다!
• 아이콘을 업데이트 하였습니다!
• 지도, 스카이뷰, 지형, 교통 자전거도로 등 다양한 옵션의 지도 api를 추가하였습니다!
• 검색 리스트에서 선태하고 '여기로 오세요' 버튼을 누르면 초대 좌표가 표시된 링크를 복사할 수 있습니다!
• 텍스트 선택을 막았습니다!
• 초대 링크로 들어가면 길찾기 링크로 이동하는 버튼이 함께 보여짐니다!
• 초대 링크로 들어가면 초대위치가 가운데에 위치하게 됨니다!
• 터치로 버튼 클릭시 포커스가 해제되지 않는 문제도 해결하였습니다!
• 배너에 슬라이더를 추가하였습니다!

+ 계획

• 추후 모바일 반응형도 정리할 예정입니다! => 모바일 환경 대응 완료하였습니다!
• 검색창 위에 배너에 각 건물 정보를 넣을 예정이였지만 시간 관계상 iframe을 사용해보았습니다! => 슬라이더 적용!
• 현재 daum api로 되어 있는데 kakao map api를 최신으로 적용하고 키를 사용하여 고도화 계획입니다! => 완료!
• 
  

• HTML, CSS, JAVASCRIPT, 파일질라, 닷홈 등을 사용했습니다!
• 클래스만으로 간단하게 적용할 수 있습니다!
• 대문자와 숫자만을 적용하게 하였습니다! (한영전환을하던 소문자로 치던 상관없이 알파벳 대문자만 입력됩니다!)
• 클래스 명을 추가하여 정수, 실수만 입력하게 할 수 있습니다! (단, 0 or 양수만 가능합니다! 4번 예시를 사용해보세요!)
• 모바일까지 대응한 반응형 입니다!
• 보조창을 달아서 입력상태를 크게 볼 수 있습니다!
• 모달, form 등 에서 사용하기 쉽게 클래스만으로 그룹 설정을 알아서 하게 하였습니다!
• 사용가능한 input 타입을 text, search로 제한하였습니다! (number도 사용 가능하나 실수 판별을 클래스로 사용하게 구현했습니다!)

+ 추가(20231017_0332)

• 사진을 추가하였습니다! 이미지가 이상하게 보인다면 쿠키와 캐시를 지우고 다시 로딩해보세요!

+ 추가(20231108_2212)

• 정수/ 실수 입력 시 키보드로 치게 되면 문자가 입력되었는데 이젠 키보드로 입력해도 판별을 하게 수정하였습니다!

+ 계획

• 추후 API 로 조작 가능하게 만들예정입니다!
• 숫자패드만 있는 키보드도 구현했지만 둘다 번갈아 가면서 쉽게 쓸 수 있는 방법 고민중입니다!

• 4개월 프로젝트에 들어가기 앞서 기능을 공부하던 중 간단한 공게임을 구현하고 싶어서 구현해 보았습니다!

• 아주 기초 수준의 공게임을 구현해 보았습니다!

• 4개월 프로젝트에 들어가기 앞서 창고 프로젝트에는 동적으로 구역을 나누고 창고를 생성할 수 있게 해야 하겠다는 생각이 들어 기능을 공부하고 구현해 보았습니다!

• MySQL, PHP, HTML, CSS, JAVASCRIPT, CANVAS, 파일질라, 닷홈 등을 사용했습니다!
• 동적으로 구현되고 미니맵으로도 볼 수 있습니다!
• 로컬스토리지에 저장하고 불러올 수 있습니다!
• 삭제 및 수정이 가능합니다!

• MES 프로젝트를 수행하면서 필요한 기능이라 생각이 들었던 기능을 프로젝트 마무리 후 학습하고 구현해 보았습니다!

• HTML, CSS, JAVASCRIPT, 파일질라, 닷홈 등을 사용했습니다!
• AWS EC2, PuTTY, WinSCP 등을 사용하였습니다!
• Spring Boot, JPA, Gradle 등을 사용 했습니다.
  
• MVC 패턴을 준수하였습니다!
• Ajax 통신으로 CURD를 구현 합니다.
• 파일을 저장하고 업로드 할 수 있습니다!

+  추가

• 전체화면 및 팝업창을 구현해 보았습니다!
• 시간을 추가하였습니다!

+  이슈

• EC2 키를 잃어버려서 볼륨 해제하고 다른 인스턴스에 연결하여 키복제 후 다시 연결하고 비밀번호도 재설정하는 과정이 있었습니다!

+ 계획

• 엑셀로 불러온 리스트 검색기능을 아직 추가하지 못하였습니다!
• 모바일 반응형이 아직 적용되지 않았습니다!

• 버스를 타고 등하교 하다보니 책으로 보는 건 힘들었습니다. 그래서 교육과정 중 필기한 것과 학습한 것을 메모장과 파일로 정리하다 보니 홈페이지를 만들면 이동하면서 보기도 편하고 다른 교육생들과 공유도 할 수 있겠다는 생각에 만들어 보았습니다!

• HTML, CSS, JAVASCRIPT, 파일질라, 닷홈 등을 사용했습니다!
• Node.js를 사용해 보았습니다!
• 로컬스토리지를 사용하였습니다!
• 설치와 사용법을 적어 두었습니다!

+ 추가

• CSV파일로 내보내기가 됨니다!
• 한번에 보는 갯수를 정할 수 있습니다!
• 최신순, 오래된순 정렬이 가능합니다!
• 테이블 정보를 한번에 삭제 가능합니다!

+ 계획

• 검색창이 아직 되지 않습니다!
• 모바일 반응형이 아직 되지 않습니다!

• 버스를 타고 등하교 하다보니 책으로 보는 건 힘들었습니다. 그래서 교육과정 중 필기한 것과 학습한 것을 메모장과 파일로 정리하다 보니 홈페이지를 만들면 이동하면서 보기도 편하고 다른 교육생들과 공유도 할 수 있겠다는 생각에 만들어 보았습니다!

• HTML, CSS, JAVASCRIPT, 파일질라, 닷홈 등을 사용했습니다!
• 반응형으로 제작하여 모바일에서도 사용 가능합니다!

+ 추가

• 구글 검색이 가능합니다!
• 유용한 사이트를 추가하였습니다!

+ 계획

• 교육과정이 진행되다 보니 정리와 홈페이지 제작을 동시에 하는 것이 어려워 백엔드 부분부터는 업데이트를 하지 못하였습니다. 좀 더 정리하고 인터페이스도 개선하여 종합 백과사전처럼 만들 계획입니다!
• 리뉴얼을 위해 디자인하고 시안을 제작하며 여러 고민을 하고 있는 중입니다! (3번 이미지)

• HTML, CSS, JAVASCRIPT, 파일질라, 닷홈 등을 사용했습니다!

+ 추가

• 교육 과정 중 토이 프로젝트로 제작한 슬라이더를 적용해 보았습니다!

• HTML, CSS, JAVASCRIPT, Vue.js 파일질라, 닷홈 등을 사용했습니다!
• 반응형으로 제작하여 모바일에서도 사용 가능합니다!

+ 게시판 이용 방법

• json 파일 버튼을 눌러서 페이지가 나오면 ctrl + s 를 눌러서 파일을 저장한뒤에 파일을 업로드하면 됨니다!

• HTML, CSS, JAVASCRIPT, Vue.js 파일질라, 닷홈 등을 사용했습니다!