본문 바로가기
728x90
반응형

Project25

[프로젝트] bootstrap collapse 사용하여 지도 띄우기 (map.relayout) 12/31-1/1 위치 검색시에 팝업창을 사용하려고 했지만 다른 방법으로 바꿔보기로 했다. Collspse란 특정 버튼을 클릭하면 해당 내용이 보였다가 안 보였다가 하는 기능이다. 출처: https://nowonbun.tistory.com/646 [명월 일지] 이 블로그를 참고해서 쉽게 Collspase 기본형태는 만들수있었다.. 근데 문제는 지금부터;; 기존 팝업창에 띄울때 사용했던 map 코드를 갖다붙이니 지도가 짤려서 나왔다.ㅠㅠㅠ 처음엔 단순히 로딩중인건줄 알았는데 아니었다. 구글에 검색시작.. 결론은 apis.map.kakao.com/web/documentation/#Map_relayout 이걸 참고하라는데.. 해도 안되는건 마찬가지... 그러다 devtalk.kakao.com/t/topic/8.. 2021. 1. 1.
[프로젝트] 팝업창으로 지도 띄우기 12/30 분실물을 등록할때 위치를 등록해줘야하기 때문에 팝업창을 띄워서 지도를 띄워줬다. 허용버튼을 누르면 아래와 같이 내위치 정보를 불러온다. 원하는 위치로 지도를 이동해서 클릭하면 마커가 생기면서 그 위치의 주소를 띄워준다. 카카오api를 사용해서 지도를 띄워주는거 까진 순조롭게 성공했는데.. 산넘어 산이다.. 2020. 12. 31.
[프로젝트] 게시판 등록 - input box 숫자 체크 12/28 사례금 직접 입력시에 숫자만 입력받아야 하기 때문에 숫자가 아닌 문자는 입력되지 않게했다. 열심히 검색해서 이 방법 저 방법 다 써봤는데 이 방법이 제일 간단했다... 후..!! input box에 숫자만 입력받기 또, 아무래도 금액을 입력하는 칸이라서 천단위로 ,를 생기게 해주고 싶었다. (1,000 / 100,000 / 1,000,000) 입력받은 값에 콤마 생성하기 function cmaComma(obj) { var firstNum = obj.value.substring(0,1); // 첫글자 확인 변수 var strNum = /^[/,/,0,1,2,3,4,5,6,7,8,9,/]/; // 숫자와 , 만 가능 var str = "" + obj.value.replace(/,/gi,''); /.. 2020. 12. 29.
[프로젝트] 게시판 등록 - radio, select (활성화, 비활성화) 12/28 분실 물품을 선택할 때 한가지 물품만 선택할 수 있고, 기타를 체크했을때 직접입력 할 수 있는 인풋 박스가 활성화 되게 바꾸기. 한가지 물품만 선택할 수 있게 하는 방법은 기존에 사용했던 checkbox 를 radio로 바꿔주니 간단하게 해결됐다. 기존코드 * 분실 물품 핸드폰 지갑 가방 책 화장품 기타 변경코드 * 분실 물품 핸드폰 지갑 가방 책 화장품 기타 변경 후 모습 몇시간을 고민했는데 생각보다 아주 간단했다.ㅠㅠ후 사례금 선택 부분도 무료글일땐 사례금 selectbox가 활성화 되지 않고 비활성화 되어야하니, 위와 같은 방법으로 코드를 변경했다. 기존코드 사례금 무료글등록 사례금등록 선택 10,000원 30,000원 50,000원 100,000원 직접입력 기존 모습 변경코드 사례금 무.. 2020. 12. 28.
[프로젝트] 게시글 등록 화면 만들기 - 2 12/27 오전부터 다시 시작한 작업. 어제까지 상태.. 더보기 padding 을 통해서 아직 부족하지만 전보다는 조금은 정리가 됐다. 오후 내내 끙끙거리면서 대충 정리가 됐다. 근데 분실위치 항목에 인풋박스 옆에 있어야할 인근이라는 글자는 왜 밑으로 가있는걸까.... 결국 도움을 받아서 성공했다!! 더보기 수직축 방향 정렬 align-items stretch (기본값) 아이템들이 수직축 방향으로 끝까지 쭈욱 늘어납니다. flex-start 아이템들을 시작점으로 정렬합니다. flex-direction이 row(가로 배치)일 때는 위, column(세로 배치)일 때는 왼쪽이에요. flex-end 아이템들을 끝으로 정렬합니다. flex-direction이 row(가로 배치)일 때는 위, column(세로 배.. 2020. 12. 27.
[프로젝트] 게시글 등록 화면 만들기 - 1 12/26 오늘 오후부터 본격적으로 만들기 시작한 게시글 등록 화면.. css 공부를 나름 한다고 하긴 했는데 막상 사용하려니 뭘 써야할지 잘 모르겠다. 이렇게 엉망진창인거 하나 만드는데도 굉장히 많은시간이 걸렸다. 부트스트랩 사용해서 버튼과 input 박스를 변경했는데 위치들이 또 이상해졌다.. 내일은 더 그럴싸하게 수정해보자 더보기 DOCTYPE html> Document .header { background-color: black; height: 150px; } .container { margin-left: 300px; margin-right: 300px; width: 950px; } .item1 { display: flex; justify-content: space-between; border-b.. 2020. 12. 27.
[프로젝트] UI 상세설계 및 UI flow chart 12/25 프로젝트 진행을 위한 ui상세설계 및 ui flow chart 인덱스페이지 회원가입 및 로그인, 관리자 페이지 게시물 등록 게시판 목록 조회 페이지 마이페이지 두명이서 나눠서 작업했는데도 8시간이 걸렸다. 이 전에 했던 ui설계를 너무 기본적으로 해놔서 만들면서 후회했다. 진작 이렇게 할껄.. 그래도 더 늦기전에 제대로 작업해서 다행이다. 2020. 12. 26.
728x90
반응형