디자인은 깔끔하게 된거같아서 아주 만족 마우스를 병원쪽으로 hover하면 카카오지도api를 사용해 지도에 병원 사진과 이름으로 위치정보가 뜨게 구현했다.병원정보를 등록할때 주소를 등록하면 위도와 경도를 계산해 DB에 집어넣는식으로 했다. 검색은 선택된 태그들 모두가지고 있는 의사를 보여준다. 모든 프로필 이미지는 백서버에 url로 요청하는걸로 구현했다.   {doctorList && doctorList.length > 0 ? ( doctorList.map((doctor) => ( //DoctorCard Componentfunction DoctorCard(props) { cons..

프로젝트 초기에 리액트가 아직 익숙하지 않을 때 제일 먼저 했던 작업이었던 만큼 코드가 지저분한거같다.  아이디 {!idValid && id.length > 0 && ( 사용할 수 없는 아이디입니다 )}  css 프레임워크는 테일윈드를 사용했고, 처음에는 어색했지만 지금은 css보다 테일윈드가 훨씬 편한것같다. 그리고 따로 설정없이 반응형이 된다는게 큰 메리트가 있는듯 하다.  각각 칸의 코드는 모두 동일 하다. 타이틀, input 그리고 valid로 에러메세지를 표시했다.  const handleId = (e) => { setI..

이번에야 말로 프로젝트를 진행하면서 천천히 글을 작성하려 했으나, 마음처럼 되지않아 또 뒤늦게 쓰게 되었다..  이전 프로젝트와는 아예 다르게 부트와 리액트를 사용해서 프로젝트를 진행해야 하다보니 시간이 모자랄줄 알았다. 하지만 생각보다 내 파트는 빠르게 마무리되어 먼저 정리해보려 한다 . - 개요  - 주요 업무 : 풀스택 개발- 담당 역할 : 부팀장 , AI서버 구축, 전문의 파트- 기술 스택 : 개발환경 : IntelliJ, VisualStudioCode, Pycharm백엔드 : SpringBoot, JPA, flask데이터베이스 : 오라클, sql developer프론트 : react, next.js서버 : 톰캣- 업무 기간 : 2024.06 ~ 2024.07(약 1개월)- 개발 인원 : 6명- ..

비운의 포스기이다.. 이걸 담당하시던분이 중도하차를 하셔서 정말 힘들었다. 다들 첫 프로젝트고 전공자도 없었기에 본인 일도 벅찼기 때문에 갑자기 이 파트를 역할을 나누기도 애매했다.그래서 나는 내가 조장으로 하는 프로젝트가 미완성으로 남는게 너무 싫어서 최대한 내꺼를 빠르게 필요기능만 마무리하고 내가 하려고했다. 하지만 생각보다 드래그앤드롭에서 시간을 많이잡아먹었고 결국 드래그앤 드롭만 만들어진채 완성하지 못했다.차라리 테이블 위치를 바꾸고 저장하는걸 하지말고 메뉴등록과 결제쪽을 신경써서 해볼껄 그랬다. 우선 매장관리에서 웹포스기 버튼을 누르면 새 창이 열리고 해당 웹포스기가 등장한다. 그리고 첫 화면은 db에 기록된 테이블들의 좌표정보를 가지고 div를생성해 유저에게 보여준다.그리고 이제 이 화면에서 ..

관리자 메인페이지에 해당 사이트 이용자수와 사이트 매출을 그래프로 표시한다 .ajax로 구현했고 컨트롤러에서 월별로 조회해서 월과 해당 달의 유저수 또는 매출을 HashMap 객체에 담아서 프론트로 보낸다.그리고 왼쪽 오른쪽 버튼을 누르면 년도가 바뀌고 다시 해당 년도로 요청을 보낸다. api문서가 잘되어있고 되게 기본적인 막대그래프로 그렸기 때문에 프론트딴은 어렵지 않았던거같다. 하지만 서버에서 어떻게 월별로 해서 보낼지와 쿼리문에서 조금 헤매었던 기억이 있다. #javascript //그래프그리기$(function() { // 현재 년도 구하기 var currentYear = new Date().getFullYear(); // 그래프 그리기 함수 호출 drawVisualization(curre..

처음으로 쓰는 api였던것 만큼 많이 헤맸었다.  전체 페이지 디자인  상품을 선택하고 결제방법을 고르고 약관을 모두 동의하면 선택된 결제로 진행된다. 포트원 api가이드가 워낙 잘되어 있기도 하고, test결재로 등록한다면 그렇게 어렵지 않았던 작업이었던거같다. # 참고로 포트원 테스트결제가 조금 부자연스러운 부분이 많다. 토스같은 경우 테스트결제일 경우 response값이 비어있어 추가로 작업을 해주어야하고 카드결제쪽은 실제로 결제된 후 다음날 결제가 취소된다. 실험으로 결제하다가 정말 결제되어 깜짝 놀랐다 . 테스트용으로는 카카오가 가장 깔끔했다. $(function(){ if($("#message").val().length>0){ alert($("#message").val()); }});..