분류 전체보기42 [MU] Vue.js 프로젝트 시작 Vue.js를 사용한 새로운 프로젝트를 진행하려고 한다. 1. 시작vue/cli 설치npm install -g @vue/cli 프로젝트 생성vue create project 프로젝트 경로 이동 - 서버 실행cd projectnpm run serve 페이지 전환을 위한 vue router 설치vue add router VSCode에서 "vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\co135\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없습니다" 에러가 발생하면 PowerShell을 관리자 권한으로 실행한 뒤 아래 명령어 입력 후 다시 router 설치하기Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy .. 2025. 4. 24. [FN] 공연 정보 조회 페이지 UI 수정 이전 게시글에서 공연 정보 Open API를 가져오고 카드 형태로 나타내는 것을 구현하였다. [FN] 공연 정보 조회 / KOPIS 공연 정보 Open API 가져오기, XML - JSON 파싱FN 프로젝트에서 제공하는 기능중에 하나가 공연 정보를 조회하고 검색하는 기능이기 때문에KOPIS에서 제공하는 공연 정보 Open API를 가져와서 사용해보도록 하겠다 공연예술통합전산망예술경codingco.tistory.com해당 방법으로 "콘서트, 뮤지컬, 연극, 클래식" 카테고리 페이지를 모두 구현하였다. 수정된 부분// ClassicScreen.tsxconst filtered = classicList.filter((item: any) => item.genrenm?.includes('클래식') .. 2025. 4. 5. [FN] 공연 정보 조회 / KOPIS 공연 정보 Open API 가져오기, XML - JSON 파싱 FN 프로젝트에서 제공하는 기능중에 하나가 공연 정보를 조회하고 검색하는 기능이기 때문에KOPIS에서 제공하는 공연 정보 Open API를 가져와서 사용해보도록 하겠다 공연예술통합전산망예술경영지원센터 운영, 공연 예매 정보 집계 및 DB, 예매상황판, 공연통계 등 제공.www.kopis.or.kr:443해당 사이트에서 인증키 발급신청을 한다. Open API 개발 가이드도 제공해주니 확인하면서 진행하면 좋다ttp://www.kopis.or.kr/openApi/restful/pblprfr?service={서비스키}&stdate=20160101&eddate =20160630&rows=10&cpage=1나는 공연 목록을 조회할 것임으로 위와 같은 경로로 진입해보면 공연 목록이 나타남을 확인할 수 있다.전체적.. 2025. 4. 5. [FN] 신청서 상태 관리 API (신청서 승인, 거절, 취소) 모임 신청과 신청서 조회는 모두 구현되었으니 이제 도착하거나 보낸 신청서의 상태를 관리하도록 구현해보자. 내가 신청한 신청서에 대해서는 "신청 취소, 닫기"와 같은 모달이 나타나야하고,내 모임에 도착한 신청서에 대해서는 "신청 승인, 신청 거절, 닫기"와 같은 모달이 나타나야한다.↑ 이 부분에 대해서는 프론트엔드 게시글에 정리 할 예정 ↑백엔드에서 구현해야 할 기능Firestore database에 저장된 신청서의 상태를 변경하기데이터베이스에서 취소, 거절된 신청서를 삭제하기승인된 신청서는 모임(meetings) 컬렉션의 서브 컬렉션으로 맴버(members) 컬렉션에 신청자 정보 저장하기 + 마찬가지로 신청서(applications) 컬렉션에서는 신청서가 삭제되어야함승인, 거절된 신청서에 대해서는 신청자.. 2025. 3. 28. 이전 1 2 3 4 5 6 7 ··· 11 다음
