프로젝트 7

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

1. 공공 api의 정보 항목이 생각보다 적다. 여행 계획 사이트를 만들기 위해 국가에서 정해진 트래픽까지 무료로 정보를 제공해주는 공공 api를 사용했는데 항공기편에 대한 정보가 적어 계획 사이트를 만드는데 제한적이었다. 일주일치의 항공편정보만으로 계획을세우기에는 무리가 있겠다 싶어 결국 방법을 바꾸어 크롤링으로 진행했다. 2. 배포의 필요성 이제 학원을 벗어나 나의 포트폴리오를 남들에게 보일 때가 되었을때, 학원의 네트워크를 벗어나면 내 프로젝트를 보여줄 수 없는 점이 많이 아쉬웠다. 빠르게 배포를 배워 남들에게 자유롭게 보일 수 있도록 해야겠다. 3. 크롤링의 유용성 내가 DB를 직접 구성하지 않고도 검색된 페이지의 정보를 사용할 수 있다는것이 정말 유용한 정보였다. 물론 상업적으로 이용할 경우에는..

공공 api의 정보를 받아 사용하기

🤔 api를 받아서 사용하고싶다! 우리는 직접 입력한 db 뿐만이 아니라 날씨, 교통, 항공편 등등의 정보를 다른 곳에서 정보를 받아와 우리의 웹 프로젝트에 나타내고 싶다. 이때 사용하는 것이 api이다. 그중에서도 가장 접근성이 좋은 것은 공공 api라는 생각이 들었다. https://www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 이곳에서 우리가 원하는 api를 검색하여 사용 할 수 있으며, 그에 대한 설명방식이 들어있다. 😵 어떻게 사용하지? 1. api가 요구하는 자료..

중앙정보처리학원 / 중앙정보기술인재개발원 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..

중앙 정보처리학원 1차 프로젝트 - 커뮤니티 게시판 - 후기

구현 한 기능과 그 기능에 대한 설명 에러 처리에 오래걸렸던 경험 사진을 주고받은 form을 쓰는것이 쉽지 않았다. 이것을 학원에서 배운 upload 메서드를 통해 boardMap에 input의 Name에 맞게 저장되는데 그렇게 된다면 request.getParamter를 이용해도 불러와지지 않아 다른 것들도 똑같은 방식으로 불러와야 한다는 것을 알았다. 후기 제가 생각하는 것보다 프로그램이 원활하게 돌아가지 않고, 생각나는 대로 코드를 짜면 다른 사람이 알아보기 어려워 주석을 다는 습관이 필요하다고 느꼈습니다. 다음 프로젝트 때는 조금 더 계획적으로 접근하면 좋은 결과물이 나올 수 있을 것이라 생각합니다