wisePocket

새로운 앨범 너무 멋져요!개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)fan/templates/index.html Body는 Container(Wrap)내 Header / Content / Footer 로 구분 Header : 웹 페이지 타이틀 현재 기온을 나타내주는 부분 #temp 현재 날짜 #date 가수의 노래 오늘 순위 #rank 해당 노래의 순위 변동 #rankdiff Content : (Input form) 응원 댓글을 기록하는 양식은 다음과 같다. 닉네임 (#name)을 input 태그를 통해 value 획득 응원 댓글..

개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)bucket/templates/index.html Body는 Header / Content 로 구분 Header : 타이틀(title), 백그라운드 이미지 Content : input(#bucket) 텍스트 입력 박스 / 기록하기 버튼 onclick "save_bucket()" 함수 호출 div(#bucket-list)>li*n 형태로 에 추후 save_bucket() 함수의 결과가 1행씩 추가될 예정(이전 프로젝트까지 Footer로 표현했지만 사실상 Footer의 역할은 하지 않기 때문..

개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)pedia/templates/index.html Body는 Header / Content 로 구분 Header : 타이틀(title), 영화 기록하기(button onclick 이벤트) Content : button을 누르면 content부분에 리뷰를 기록하는 양식(form) 이 나타남 onclick open_box() 함수 호출 리뷰를 기록하는 양식은 다음과 같다. 영화 URL(#url) input 태그를 통해 value 획득 별점(#star) select>1~5option 태그를 통해..

개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)mars/templates/index.html Body는 Header / Content 로 구분 Header : 간단한 타이틀과 주문 관련 설명 기록 Content : 이름(#name), 주소(#address)는 input 태그를 통해 value 획득 평수(#size)는 select박스에 5개 option을 선택하여 value 획득 table>thead 에 이름, 주소, 평수 컬럼명 3행 지정 table>tbody(#order-box) 에 추후 save_order() 함수의 결과가 1열씩..