📂파일구조 ├─📂assets - 사용할 이미지들 │ └─📂icons │ └─🖼️images(svg) │ ├─📂styles - 적용한 스타일 │ └─🖌️main.css │ └─🖌️general.css │ └─🖌️header.css │ └─🗒️index.html └─🚀app.js 기대 결과 최종 결과 주요 기능 editTodo(할 일 수정) 함수 function editTodo(index) { const $todoText = $todoList.children[index].querySelector('.todo'); const $paragraph = $todoText.querySelector('p'); const $input = document.createElement('input'); $input.type =..

📂 파일 구조 🗂️project ├─📂assets - 사용할 이미지들 │ └─🖼️images │ ├─📂styles - 적용한 스타일 │ └─🖌️bottom.css │ └─🖌️general.css │ └─🖌️header.css │ └─🗒️index.html 기대 결과 최종 결과 주요기능 transition & transform 사용하여 이미지에 마우스 호버 시 점차 확대 .main-bottom img { transition: transform 1s ease-out; } .main-bottom img:hover { transform: scale(1.4); linear-gradient를 주어 검정색 opacity를 조절하여 배경과 작품 목록 컨테이너 사이의 경계를 부드럽게 표시 background: linea..

개요 혼밥러 탈출을 위한 매칭 & 키오스크 서비스, 4인 프로젝트 프로젝트 목표 기존에 모바일에서 사용되던 학식당 주문 어플리케이션의 단점을 보완 학식당의 환경에 맞추어 학생들이 원하는 메뉴 의견 취합, 학생들이 주로 먹는 메뉴등의 서비스를 제공 추가로 학생들의 혼밥 방지를 위한 같이 식사할 학우를 매칭해주는 혼밥 방지 서비스를 제공 서비스 개발 배경 및 목적 코로나 이후 학우들간 교류가 감소하여 혼자 밥을 먹는 학우들이 증가하였습니다. 저희 팀은 이러한 문제점을 개선하고 기존 불편했던 학식당 어플을 보완하여 학우들간 가볍게 밥 한끼를 먹을 수 있도록 하는 프로젝트 입니다. 서버 백엔드에 사용된 기술은 스프링을 기반으로 스프링 데이터 JPA, QueryDSL 등이 사용되었고 MYSQL DB, 사용자 인증..

🌟 Java swing kiosk project 프로젝트 개요 소프트웨어 개발 목표 토스트 주문 시 선택할 수 있는 품목들과 추가할 수 있는 옵션들을 포함하여 고르고 총합 금액 확인과 결제까지 할 수 있는 키오스크 형태의 프로젝트를 개발할 것이다. 유사 소프트웨어 분석 버거킹 키오스크, 맥도날드 키오스크, KFC 키오스크, 메가커피 키오스크 등 첫 화면에는 이벤트 중인 상품이나 가장 대표적인 상품, 또는 신상품이 띄워져 있는 경우가 많았다. 버거킹의 경우 상단 바에 콘텐츠를 보면 스페셜 세트, 일반 세트, 햄버거류 단품, 사이드 품목, 음료 순으로 배치되어 있었다. 하단에는 주문 내역을 확인할 수 있고 개수, 금액 등 정보가 표시되어 있었다. 전체 취소 버튼과 쿠폰 사용 버튼, 결제 진행 버튼이 오른편 ..

⭐ Code [Bricks Run] //!주의!레거시 콘솔 사용 필수 //Bricks Run #include #include #include #include #define WIDTH 30 #define HEIGHT 20 #define GREEN12 #define RED14 const float AddSpeed = 0.5f; typedef struct { int x; int y; int act; }Bricks; typedef struct { int x; }Player; typedef struct { int x; } Coin; typedef struct { char name[64]; int score; }PlayerData; Bricks bricks[WIDTH]; Player player; Player pl..