728x90 반응형 활동/팀 프로젝트38 팀 프로젝트[고기당] : (4.내 작업)(7) 검색 필터 상세 조율 주말동안의 작업 기록. (1월 8일~ 9일) 8일에 데이터출력 코드를 다 해놔서, 오늘은 상세적인 기능을 추가하거나 바꾸었다. 배치도 했으나 , 데이터 갯수가 부족하더라도 한 줄 안에는 자신의 자리를 찾아갈수있도록 배치를 한번더 손봐야할것 같다. 전날(1월8일) 까지 해놓은 작업을이용하여 출력작업. 별도의 필터를 적용하지않았으므로, 모든 리스트가 출력된다. 필터를 선택후, 검색 버튼을 누르면 필터가 적용되어 출력되도록 하기. 지역값을 받아서, 해당 값을 가진 내용을 출력한다. 배치가 세로로 정렬이 자꾸 되어서, 고민했었다. flex는 잘 걸려있는데.. 무엇이 문제인가.. 했으나. ajax로 반복하여 출력할때 틀도 같이 출력한다! 생각하고 작성하면, css/html로 메인페이지 디자인할때와 비슷하게 결국 .. 2021. 1. 10. 팀프로젝트 [고기당] : (3.팀 흐름)(2) 중간 점검 및 정리 (닉넴) - 맡은 기능/페이지 JGSU - join, login (회원가입, 로그인) 본인 - storeList(가게리스트, 필터검색) MS - event(각종 QNA), storeInfo(상세페이지) SB - mypage(내 정보, 내 리뷰, 내 찜, 내 예약) TH - review, seller(리뷰, 판매자등록 컨펌) 2021. 1. 10. 팀프로젝트 [고기당] : (2.디자인)(3) 디자인 2차 시안 디자인작업을 다 한 후 기능구현을 하기로한 디자인팀. 그러나 중간점검때, 시간이 얼마 없으니 당장 합류하라고 하심. index페이지 (메인페이지)는 거의 완성한 상태였으므로 약간 보충후 헤더와 푸터를 공유했다. + 네비게이션바 간격 및 디테일은 추가 수정하면 될듯하다. 템플릿 받아쓰는데도, 이것저것 만지면서 테스트해보고 ctrl+f눌러가며 class와 id를 검색하다보면 시간이 훌쩍이다. 아무것도 안만졌는데 찜하기랑 사진 넘기는 기능이 들어가있다. 좀 더 연구가 필요하다. 2021. 1. 10. 팀프로젝트 [고기당] : (2.디자인)(2) 디자인 시안 해당 디자인 시안및 회의는 12/28일 진행되었다. 각자 만들어본 결과 역시 디자인은 한명이 총괄하는것이 좋다는것, 생각보다 디자인에 시간이 매우 많이 들어간다는 것, 시간을 많이 들임에도 우리의 수준으로는 그럴싸한 페이지를 만들기 어렵다는것. 그래서 부트스트랩을 적절히 사용하여 진행하기로하였다. 하지만 모두 백엔드배우는 과정인 만큼, 프론트와 백엔드로 나누는것은 지양하기로 하였다. 그 결과 12/28~12/31 월~목 4일동안만 디자인/기능팀으로 나누어 작업하기로 하였다. 디자인 : 나 외 1명 기능팀: 나를 제외한 4명 으로 구성하였으며, 디자인 팀은 메인페이지(헤더와 푸터 포함) , 기타 페이지에 디자인적 요소 작업하기. 기능팀은 우선적으로 함께 쓸 패키지구조와 프로젝트의 분류를 확인하기. 특히 기.. 2021. 1. 10. 팀 프로젝트[고기당] : (4.내 작업)(6) 검색 필터 만들기, ajax, checkbox로 변경 작업 순서 1. 가게등록(shop_reg)과 메뉴등록(menu_reg)을 조인하여 출력한다.(진행중) 2. 카드 만들기 (1행당 카드 배치구조 +디자인 + 박스배치) 3. 반복문 테스트 4. 무한스크롤(페이징) +ajax 5. 검색 필터적용 (동적 SQL) git에 문제가 계속있어서, 내가 처음 원한것은, (1번) 체크박스를(또는 라디오)를 클릭했을때마다 바로바로 데이터 내용이 바뀌는것이었다. 일단 ajax의 흐름을 이해하기위해 (이게 좀더 쉽다고 한다..) ( 2번 )원하는 필터종류를 누른뒤 "검색" 버튼을 누르면 => 필터 설정에 따라 내용이 바뀌는 설정으로 진행해보고자한다. 또, radio는 클릭취소기능이 따로 없어서 checkbox 로 변경할것이다. 생각보다 시간이 많이걸리면, 2번의 방법대로 해.. 2021. 1. 8. 팀 프로젝트[고기당] : (4.내 작업)(5) 검색 필터 만들기, ajax 하나하나 분석해 보기 작업 순서 1. 가게등록(shop_reg)과 메뉴등록(menu_reg)을 조인하여 출력한다.(진행중) 2. 카드 만들기 (1행당 카드 배치구조 +디자인 + 박스배치) 3. 반복문 테스트 4. 무한스크롤(페이징) +ajax 5. 검색 필터적용 (동적 SQL) +ajax radio 버튼 중복안되도록 만드려면 중복불가하게 만들고싶은 radio에 동일한 name을 준다. 서버에 전달될값은 value로 준다. 오호. 애석하게도 원래 radio버튼은 클릭취소가 불가하다고한다. 하지만 의지의 휴먼. 스크립트를 이용하여 코드를 짜서 가능하게 만드는 방법을 사용한다고하네. 또는 그냥 checkbox사용하기. (깨알 팁 : script는 body맨 하단에 위치하는것이 좋다고한다. 자세한건 밑에 참고블로그) 머리가 아픈 a.. 2021. 1. 7. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
