프로젝트/중앙 정보처리학원 2차(음원 경매 사이트) 4

중앙정보처리학원 / 중앙정보기술인재개발원 4월말기수 2차 프로젝트 후기(23.08~09)

1. 기간이 많이 짧았다. 1차 프로젝트가 다들 배워가는 속도가 달라 놓치는 사람이 없도록 하기위해, 그리고 협업이 익숙치 않아 원래의 기간보다 2주가까이 늦어진까닭에 프로젝트 기간이 약 2주반 정도가 되었다. 타이트한 시간속에서 진행을 해 보았는데 협업툴, 협업환경만 잘 맞으면 문제 없이 2주안에도 해낼 수 있었다. 2. 프론트/디자인 담당자의 존재가 있으니, 그에 대한 제작 및 검수로 뷰에 대한 부분을 의심없이 협업해 좋은 결과물을 만들어 낼 수 있었다. 프론트/디자이너와 협업하여 그리드나 플렉스를 잘 나누어 가는 연습이 되었다. 3. 자바스크립트에 대해 다시 돌아보게 되었다. 비동기 작용을 하여 사용감을 개선하고자 노력해 보았는데, 생각보다 어렵지 않았고, 사용한 라이브러리가 늘어날 수록 더 간편하..

JavaScript를 이용해 음악을 재생하는 뮤직플레이어 만들기

요약 코드는 가장 하단에 접어두었습니다. 내용이 궁금하지 않다면 요약본을 보길 추천드립니다. 🤔 코드를 작성하게 된 계기 2번째 프로젝트는 "음원" 경매 사이트이다. 음원을 경매한다면 당연하게도 음악을 듣고 경매를 해야하는데, 그 음악을 일일이 상세페이지에 들어가서 듣자니 상당히 수고로운 일이다. 그렇다고, 모든 음악을 메인에 깔아두자니 부담되는 상황. 그래서 경매가 가장 핫한것은 당연하게도 "돈"! 현재 경매에서 시간이 아직 마감기한을 지나지 않고, 그중에서 입찰금액이 가장 높은 5가지를 가져왔다. (이것에 대한 쿼리문은 따로 다루겠다.) 그래서 그것을 가져와 재생목록화 하고 객체에 담긴 정보들을 이미지화, 재생할 수 있는 상태로 만드는것을 해보겠다. ✔ 필요한 제원 JAVA, HTML, Javascr..

마감기한을 기준으로 DB 값을 변경하기(MYSQL)

😵 코드를 만들게 된 계기 경매 사이트를 제작하려고하니 DB에서 이 경매가 끝났는지 확인을 할 필요가 있어 경매 DB에 Auction이라는 테이블에 status라는 컬럼을 두고 '진행' 과 '마감' 이라는 정보를 통해 쉽게 판별 하려고했다. 그리고 Auction의 자식 table인 bidding 또한 해당경매(id를 통해 식별) 가 종료되면, '마감'으로 status 컬럼을 바꾸고, bidding은 입찰 가격 정보를 나타내므로 가장 높은 가격인 price를 낙찰로 바꾸고자한다. 이때 DB는 특별한 이벤트가 발생하지 않는다면 스스로 지속적인 업데이트를 하는 것이 아니기때문에 문제가 발생했다. 이것을 주기적으로 업데이트시켜주는 스케줄러 , 그때 실행될 프로시저, 프로시저에서 변경을 감지하고 실행될 트리거를 ..

초보자를 위한 무한스크롤 HTML에서 구현하기 / 이해하기

👀글을 작성하기에 앞서 css는 하나도 모르는 초보이며, javascript는 에러조차뜨지않고 문법을 인도해주는 것도 없어 헤매던 사람이 찾아 만든 것이기때문에 최대한 초보친화적으로 만들어 졌습니다. 0. 개요 / 무한 스크롤이란? 게시판, 데이터등을 조회할때 우리는 페이징 처리를 통해 글을 나누어서 조회 하는 기능을 페이지네이션이라고 부르기로 했다. 이러한 페이지네이션은 편리한 조회에 유용하지만, 페이지를 이동한다는 것때문에 연속적이지 못한 경험을 제공한다. 페이지의 변화 없이 연속적인 경험을 위해서 생긴것이 무한스크롤이다. 이러한식으로 페이지가 끊이지 않는다는 경험을 주는것이 무한 스크롤이어서 프로젝트에서 이것을 구현해보았다. ✔ 필요한 제원 JAVA, HTML, ThymeLeaf, Javascrip..