Project
-
마피아 G 마스터 회고Project 2023. 11. 2. 14:11
마피아 G 마스터란 오프라인 마피아 게임을 위한 진행 가이드 서비스이다. 마피아 게임은 어렸을 때부터 간간이 해왔지만 내가 MC가 되어 진행한 적은 없었다. 이유는 마피아 게임의 규칙을 정확히 몰랐고, 혹시라도 역할을 까먹거나 진행을 실수하여 게임을 망치는 두려움도 있었기 때문이다. 이런 생각들을 줄줄이 늘어놓다 보니 나와 같은 사람이 있지 않을까 생각이 들었고 이 진행 가이드 서비스를 만들면 재밌겠다 싶어 시작하게 되었다. 디자인 주황 색상과 명도 대비 초기 생각했던 메인 색상은 주황이었다. 하지만 웹 접근성을 위해 주황 바탕에 흰 텍스트로 명도 대비를 검사해 보니 3:1 이하로 나왔다. 더 어두운 주황 계열의 색으로 바꾸면 되겠지만 그건 나의 미적 기준에 도저히 허용할 수 없었다. (...) 아쉽지만..
-
[Chrome Extension] 크롬 확장 프로그램 Text HighlighterProject 2023. 6. 9. 16:39
만들게 된 계기 트위터 API 이슈로 특정 서비스가 중단되자 어느 사용자분이 대체제로 크롬 확장 프로그램으로 만든 것을 보고서 크롬 확장 프로그램은 어떻게 만들지? 라는 생각이 들어 찾아보게 되었다. 나도 한 번 만들어 보고 싶은 마음에 무엇을 만들까 생각을 하다가 내가 자주 사용할 것 같은 형광펜 기능을 만들게 되었다. 크롬 확장 프로그램을 개발하기 위해서는 어떤 구조와 흐름으로 구성되어 있는지 알아야 했다. Service Worker, Backgournd scripts - 브라우저가 백그라운드에서 실행하는 이벤트 기반의 스크립트이다. - ex) 처음 설치되거나 새 탭, 새 책갈피가 추가되고, 아이콘이 클릭 되는 등의 경우 이벤트를 수신하고 대응할 수 있다. Content scripts - 페이지에 코..
-
ideal idea 회고Project 2023. 4. 3. 14:50
ideal idea ideal idea는 최대 4명의 사용자들이 실시간으로 캔버스를 공유하며 이상적인 아이디어를 창출할 수 있는 서비스이다. 이 프로젝트에 대해 생각하게 된 계기는 친구들과 공모전을 준비할 때였다. 함께 스토리보드를 작성하기로 하여 이 프로젝트처럼 실시간으로 함께 그림을 그릴 수 있는 사이트를 찾아보니 아래에 있는 Aggie라는 사이트를 찾아 함께 작성하였다. Aggie.io by Magma Draw a picture together with your friends in real-time over the internet in your browser aggie.io 사이트를 실제로 이용하면서 실시간 웹 애플리케이션으로 메시지를 보내 채팅을 만드는 예제들을 몇 번 보았지만 이렇게 그림을 함께..
-
MOVIE ROOM 회고Project 2023. 2. 12. 18:25
MOVIE ROOM이라는 영화 웹 서비스를 만들었다. 프론트엔드 개발 강의를 수강하면서 영화 웹 서비스를 만드는 강의가 많았고 나도 클론 코딩을 하면서 많이 배웠다. 하지만 코드를 똑같이 작성하는 것이 아닌 내가 처음부터 스스로 만들어 보고 싶은 마음이 컸다. 그래서 기존의 사용했었던 영화 API(The Movie Database (TMDB) API)를 바탕으로 영화 목록을 보여주는 기능 외의 로그인 기능과 영화의 짧은 리뷰를 쓸 수 있는 기능도 추가해보자는 생각이 들었다. - 영화의 최근 개봉작, 인기 상영작, 최고 평점, 개봉 예정작을 보여주기 - 개별 영화 상세정보 보여주기 - 영화 자동 검색 기능 - 영화 검색 결과 목록 보여주기 - 영화 리뷰 쓰기/수정/삭제 기능 - 로그인/ 로그아웃/회원탈퇴 ..
-
인터랙티브 웹툰 Turn Off 회고Project 2023. 2. 6. 15:46
졸업작품 뭐하지? 4학년 1학기를 종강한 후 머리에 스친 생각... 사실 1년도 넘게 하던 걱정이었는데 진짜 시작해야겠다는 자각이 현실로 닥쳐와 버렸다. 1학년 때 같았으면 모션그래픽이나 그래픽 디자인 아니면 웹툰을 그려서 낼 생각이었지만, 그사이에 코딩을 접해버린 나에게 졸업작품은 무조건 그와 연관시켜버리고 싶다는 의욕이 생겼다. 그럼 다시 돌아와서 "졸업작품 뭐하지?"라는 질문을 던졌을 때 나온 결론은 '디자인 or 그림 그리고 웹 개발을 접목할 수 있는 콘텐츠를 만들어야겠다!'였다. 다음 단계는 구체적으로 무슨 콘텐츠를 만들까였다. 스크롤에 따라 움직이는 애니메이션, 온라인 방 탈출, 등등... 생각나는 콘텐츠들은 많이 있었다. 그중에서도 가장 현실적으로 완성할 수 있는 콘텐츠는 웹툰이었다. 웹툰은..