프로그래밍 도전기 109일차

by Choyee 2024. 1. 30. 20:24

오늘은

새로운 팀 프로젝트가 본격적으로 시작되었습니다

지난번과는 다르게 체계적으로 계획을 세워보려고 노력하고

서로 연락도 유지를 하면서 조금은 능숙하게 팀 프로젝트를 진행중입니다

API 활용

공공데이터

데이터 포털(data.go.kr)
- 날씨 정보
- 지도 : 네이버 지도(네이버 개발자센터)
- 지진, 해일 정보(ajax->controller)

구글맵, 카카오맵, 네이버지도

네이버 지도(네이버 개발자센터)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>간단한 지도 표시하기</title>
    <script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpClientId=m2kfn5hpud"></script>
</head>
<body>
<div id="map" style="width:100%;height:400px;"></div>

<script>
var HOME_PATH = window.HOME_PATH || '.';

var cityhall = new naver.maps.LatLng(37.5666805, 126.9784147),
    map = new naver.maps.Map('map', {
        center: cityhall.destinationPoint(0, 500),
        zoom: 15
    }),
    marker = new naver.maps.Marker({
        map: map,
        position: cityhall
    });

var contentString = [
        '<div class="iw_inner">',
        '   <h3>서울특별시청</h3>',
        '   <p>서울특별시 중구 태평로1가 31 | 서울특별시 중구 세종대로 110 서울특별시청<br />',
        '       <img src="'+ HOME_PATH +'/img/example/hi-seoul.jpg" width="55" height="55" alt="서울시청" class="thumb" /><br />',
        '       02-120 | 공공,사회기관 &gt; 특별,광역시청<br />',
        '       <a href="http://www.seoul.go.kr" target="_blank">www.seoul.go.kr/</a>',
        '   </p>',
        '</div>'
    ].join('');

var infowindow = new naver.maps.InfoWindow({
    content: contentString
});

naver.maps.Event.addListener(marker, "click", function(e) {
    if (infowindow.getMap()) {
        infowindow.close();
    } else {
        infowindow.open(map, marker);
    }
});

infowindow.open(map, marker);


//지도를 삽입할 HTML 요소 또는 HTML 요소의 id를 지정합니다.
//var mapDiv = document.getElementById('map'); // 'map'으로 선언해도 동일

//옵션 없이 지도 객체를 생성하면 서울 시청을 중심으로 하는 16 레벨의 지도가 생성됩니다.
//var map = new naver.maps.Map(mapDiv);

// var mapOptions = {
//     center: new naver.maps.LatLng(37.3595704, 127.105399),
//     zoom: 5
// };

// var map = new naver.maps.Map('map', mapOptions);
</script>
</body>
</html>

team project

<계획 개괄>

(선유)도서관 프로젝트
프로젝트 : finalproject
패키지 이름 : com.khit.library
필수 라이브러리 : 1. lombok 2. spring dev tools(톰캣 자동가동) 3. mysql driver 4. jpa 5. thymeleaf 6. spring web

사용기술 및 개발환경 : Spring Boot, STS4, MySQL, JPA, Spring Security, Thymeleaf, github, apache tomcat9.0

금요일
{
메인페이지(
   자료검색(검색, 대출베스트(추천도서))
               게시판(도서관일정(이용안내))
   열린공간(공지사항(독서문화행사),독서이벤트, 자주하는질문, 도서관에 바란다(희망도서신청, 나의문의내역), 좌석예약)
   도서관안내(도서관현황, 도서관정책, 오시는길)
   마이라이브러리(내서재(대출조회및연기, 대출예약확인및취소), 회원정보)
   )

관리자(회원수정삭제, 공지사항글쓰기수정삭제, 도서등록삭제, 열람실퇴실)
회원(회원가입, 로그인, 회원상세보기, 회원수정삭제, 아이디찾기, 비밀번호찾기)
게시판(글쓰기, 글목록, 글상세보기, 글수정삭제, 조회수, 파일, 검색, 페이징)
도서관련(대출일, 반납일, 대여기록, 예약, 대여가능여부)
열람실(이용현황, 입실, 퇴실)

디자인 참고
http://co1121.shiningcorp.com/index.php?device=pc&designkits=1
참고 : 강동도서관, 선유도서관
https://gdlib.sen.go.kr/gdlib/index.do#, https://www.ydplib.or.kr/sylib/index.do
}

js..... 외부
css............ 각 페이지 마다

< 페이지 구성>

페이지 상단 {
    상단 navbar - (비로그인: 로고 + 회원가입, 로그인, 열린공간, 도서관안내)
                       - (로그인: 로고 + 회원이름, 열린공간, 도서관안내, 마이라이브러리)
                                - 비로그인 : 로고 + 열린공간, 도서관안내, 마이라이브러리, 도서관에 바란다

    메인 사진 - 배경사진 자동 전환, 전환 타이머 효과(가능하면), 인삿말, 검색창
}

스크롤 ~~~~~~~~~~~

페이지 중상단 {
       문구 - 도서관 안내 및 공지사항 (도서관 이용 및 공지사항 안내드립니다)

                   도서이용안내 - 도서관 일정, 도서관 이용 시간

       열린공간 - 공지사항

       게시판 - 자유게시판
}

스크롤 ~~~~~~~~~~

페이지 중단 {
    아이콘 - 이용안내, 독서 이벤트, 희망도서 신청, 자율학습실 현황, 마이라이브러리
                           (이용안내 // 이용시간, 정기휴관일, 회원가입, 시설이용, 자료이용)
}

스크롤 ~~~~~~~~~~

페이지 중하단 {
                  문구 - 이달의 선정 도서 타이틀, 선정 기준이나 문구

                  도서 목록 - 이달의 도서 목록 5개, 베스트 도서 별도 표시, 카드 형식
}

스크롤 ~~~~~~~~~~~

페이지 하단 {
               링크 - 개인정보처리방침, 이용규정, 이용서비스헌장, (+ 팀마크..?... 아이콘 모음...?)
   정보 - 주소, 연락처, 저작권
}

(블로그를 꾸준히 해야 하는데... 정말 이것저것 할일이 많아서 자꾸 잊어버리게 되네요 ㅠㅠ)

2023. 01. 30 (화)

저작자표시 비영리 변경금지

'프로그래머가 될거야!' 카테고리의 다른 글

프로그래머 도전기 111일차 (2)	2024.02.04
프로그래머 도전기 110일차 (4)	2024.02.01
프로그래밍 도전기 108일차 (2)	2024.01.28
프로그래밍 도전기 107일차 (2)	2024.01.25
프로그래머 도전기 106일차 (2)	2024.01.23