반응형 전체 글183 파이널 프로젝트 3주 ~ 4주차 (2) ✔️day 14 ~ 30 본격적인 개발 시작 [개발 페이지] [호스트 페이지] 상품 등록, 상품 리스트 (상품 수정, 상품 상세), 상품 예약 관리, 상품 리뷰 관리, 1:1 문의 관리 [추가 페이지] 유저 페이지의 아이디, 비밀번호 찾기 [상품 리뷰 관리 페이지 상세 설명] 상품 리뷰 관리 페이지 개발 후기 마이바티스 동적 쿼리를 써보는 첫 페이지 였다. 학원에서는 동적쿼리에 대해 알려주지 않았기 때문에 독학하여 구현 하였다. 동적 쿼리를 사용하며 느낀점이 동적쿼리를 꼭 이용해야 하는 부분과, 동적쿼리를 사용할 순 있지만 사용하지 않고 개발하는게 더 좋은 부분들이 있다는 것을 알게 되었다. 관리자 페이지 인 만큼 상품 등록 페이지를 제외한 모든 페이지에 검색&필터가 들어가기 때문에 신경써서 구현했다. .. 2023. 7. 6. 파이널 프로젝트 3주 ~ 4주차 (1) ✔️day 14 ~ 30 본격적인 개발 시작 [개발 페이지] [호스트 페이지] 상품 등록, 상품 리스트 (상품 수정, 상품 상세), 상품 예약 관리, 상품 리뷰 관리, 1:1 문의 관리 [추가 페이지] 유저 페이지의 아이디, 비밀번호 찾기 [상품 등록 페이지 상세 설명] 상품 등록 페이지 개발 후기 학원에서 가장 많이 했던 부분이 상품 등록, 또는 게시글 등록이라서 가장 쉬울줄 알고 먼저 시작했는데 가장 많은 시간을 소요했던 페이지였다. 입력한 값들이 어떤식으로 서버의 controller 까지 전달이 되는지에 대해 정확하게 알지 못해서 모든 값들을 파라미터로 하나씩 들고왔는데 너무 비효율적이라는 생각이 들었고, 개발자 지인에게 물어보니 Request DTO, Response DTO를 이용하라는 이야기를 .. 2023. 7. 6. 파이널 프로젝트 2주차 day8 오늘의 목표 : 프로젝트를 위한 테이블 모델링 완료하기 필자는 개인사정으로 인해 등원하지 못하여 조원들에게 진행상황만 전달받았음 필자가 정리한 테이블 모델링 파일을 조장에게 전달함 필자의 파일 내용을 전체 다 반영시켰다고 전달받았고, 강사님에게 컨펌 받음 드디어 통과하여 테이블정의서 작성 시작 7일차에 만든 front도 조장에게 전달함 day9 오늘의 목표 : 테이블 정의서 완료하기, 프로젝트에 사용할 DB 다운받고 create, insert 테스트해보기 조원들이 만든 테이블 정의서를 인원수대로 나눠서 수정해야할 부분이 있는지 제출 전 점검 부자연스러운 부분들은 조원들과 이야기를 나누어서 수정했음 erd cloud 잘못된 관계선 수정 erd cloud 테이블 보기 편하게 위치 변경 MariaDB.. 2023. 6. 8. 파이널 프로젝트 1주차 [파이널 프로젝트] 팀 인원 : 4명 기간 : 약 5주 졸업 프로젝트 주제 : 여가 관련 (취미, 클래스, 모임 등) 예약 사이트 나의 포지션 : 기술자문 ✔️day1 오늘의 목표 : 벤치 마킹 사이트 확정하기 디테일하게 구현할 것인지, 간단하지만 완벽하게 구현해낼 것인지 고민 (확정되지 않음) 어떤부분에 주력하여 구현하고 싶은지 → 예약, 쿠폰발행, 포인트, 비즈니스 로직 구현시 mvc 패턴 잘 드러나게 구현 프론트앤드 어떻게 나눌것인지 고민 (한명이 맡아서할 것인지, 나눠서 다같이할 것인지) 의견 취합하여 벤치마킹 사이트 확정 프립(FRIP) : 세상 모든 취미 여가의 시작 일상을 바꿔줄 새로운 경험을 시작하세요. 집에서 편하게 취미를 시작하거나, 개성있는 사람들과 특별한 시간을 가지세요. 취미, 클.. 2023. 6. 7. Vue.js (4) ✔️이벤트※ 작업폴더 : /src/views/2_event 1. click 이벤트/src/views/2_event/EventClickView.vue 생성 click 이벤트 좋아요 {{ counter }} /src/router/index.jsconst routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/event/click', name: 'eventClick', component: () => import(/* webpackChunkName: "event", webpackPrefetch:true */ '../views/2_event/EventClickView.vue') } ] /src/App.vue Home | Click 2. cha.. 2023. 5. 30. Vue.js (3) ✔️데이터 바인딩※ 작업폴더 : /src/views/1_databinding 1. HTML 바인딩/src/views/1_databinding/DataBindingHtmlView.vue 생성 {{ htmlString }} /src/router/index.jsconst routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/databinding/html', name: 'dataBindingHtml', component: () => import(/* webpackChunkName: "databinding", webpackPrefetch:true */ '../views/1_databinding/DataBindingHtmlView.vue') .. 2023. 5. 26. Vue.js (2) 1. 실습 Vue 프로젝트1) project03 프로젝트 생성하기 - 명령프롬프트에서 실행 c:\\나만의경로\\workspace_vue>vue create project03**? Please pick a preset: (Use arrow keys)** vue-basic ([Vue 3] babel, router, vuex, eslint) →사용자가 저장한 템플릿 Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) > Manually select features →선택 (사용자지정) **? Check the features needed for your project:** (Press to select, to toggle all, to invert.. 2023. 5. 26. Vue.js (1) ✔️Vue App 개발 환경 구축 1. Node.js 설치 ※ 설치참조 https://offbyone.tistory.com/441 Javascript로 작성된 프로그램을 운영체제상에서 일반 애플리케이션 프로그램처럼 실행시켜주는 런타임입니다. 서버 프로그램을 작성하는데 많이 사용된다 설치 사이트 https://nodejs.org/ko/ node-v18.12.1-x64.msi 다운후 설치 npm (Node Package Manager) 웹개발에 필요한 모듈들을 npm명령어를 통해 쉽게 다운 및 설치할 수 있으며, node.js를 설치하면 같이 설치된다 각종 웹개발 라이브러리 설치 도우미 node와 npm 설치 버전 확인 (명령프롬프트에서 확인) node -v npm -v 2. Vue 와 Vue CLI (Co.. 2023. 5. 25. 장바구니, 주문, 주문 목록 페이지 만들기 페이지 이동 장바구니 → 주문서테이블 → 주문 목록 페이지 테이블 상관관계 장바구니테이블과 주문테이블 사이의 연결 테이블 필요 → 주문상세테이블 장바구니 테이블 create table cart ( cartno number primary key, --장바구니번호(PK) product_code number not null, --상품코드(FK) price number not null, --상품가격(편의-상품 테이블과 join하여 가져올 수 있음) qty number default 0, --상품수량 id varchar(20) not null, --아이디(FK) regdate date default sysdate --작성일 ); 주문서 테이블 create table orderlist ( orderno char(1.. 2023. 5. 24. 이전 1 ··· 5 6 7 8 9 10 11 ··· 21 다음 반응형
