Project24 연극 홍보용 웹페이지 제작 인문극회 75기 정기공연 홍보용 웹페이지 제작 * 제작 기간 : 2023.02.14 - 2023.02.17 * ReactJS로 개발 The Sun 이화여자대학교 인문극회 75기 정기공연 ewhaimplay75.vercel.app *** 본격 배우가 홍보 웹페이지도 제작하는 전설의 인문극회! 마감 일자에 맞춰서 외주를 구하기 어렵다고 해서 그냥 직접 만들었다. 3일간 낮에 연습하고 밤에 개발하는 멋진 일정을 소화했다. 😎✌ 연출진한테 디자인 무드만 받고 빠르게 디자인&개발 했다. 나름.. 반응형(웹/탭/모바일)도 고려해서 작업했다. 연습하다 말고 아이폰과 갤럭시를 종류별로 늘어놓고 QA를 했던 기억이 난다. 홍보용 정적 웹페이지라 '예쁘게' 보이는 게 중요해서 기기에 따라 잘리거나 어긋나는 부분이 없도록 .. 2023. 7. 24. [졸업프로젝트] 우리두리 - GPT 기반 아동용 릴레이 동화 창작 서비스 [목차] 0. 들어가며 1. 기획 도출 과정 2. UX/UI 디자인 3. 발표 자료 시각화 4. 나가며 0. 들어가며 "우리 둘이 만들어가는 이야기, 우리두리" 우리두리 서비스 소개 영상 졸업프로젝트로 만들었던 서비스 '우리두리'의 기획 과정을 정리하는 글입니다. 2022년 하반기에 기획을 시작했는데, 방학을 지나면서 ChatGPT의 인기가 갑자기 급상승하게 되어 GPT를 사용하는 우리 서비스도 많은 학우들의 관심을 받게 되었어요. GPT가 대중에게 가장 친숙한 기술이 된 지금, 기왕이면 프로젝트를 아주 멋지게 끝내보자는 마음가짐으로 막판 스퍼트를 올려서 2023년 상반기에 잘 마무리했습니다. 우리두리는 간단하게 위와 같은 3단계로 이루어진 서비스입니다. 물론 사용자 조사를 바탕으로 아동의 책읽기, 개인.. 2023. 7. 24. [해커톤] 미스터리 텍스트 게임 <Secret Chamber> 개발기 [목차] 0. 들어가며 1. 사전 준비 2. 해커톤 진행 중 3. 나가며 0. 들어가며 MaKING JAM(메이킹잼) 게임 해커톤 참여 * 해커톤 일자 : 2022.11.11 - 2022.11.13 * 게임 이름 : 시크릿 챔버(Secret Chamber) * 담당 포지션 : 게임 기획 "작은 방이 전부였던 소녀의 탈출기, 시크릿 챔버" 시크릿 챔버는 이야기를 따라가며 사건의 진실을 파헤치는 미스터리 텍스트 로그라이크 게임입니다. 과연 주인공은 자신이 누구인지를 기억해내고 방을 탈출할 수 있을까요? *** 2022년 11월 11일부터 13일까지 2박3일 동안 진행된 MaKING JAM 게임 해커톤에서 라는 게임을 만들었습니다! 게임 중에서도 스토리 기반의 미스터리 게임을 굉장히 좋아하는지라 언젠가 꼭 게.. 2023. 7. 24. [해커톤] 오는 길 - 유아 안심 귀가 서비스 JunctionX Seoul 2021 해커톤 참여 * 주제 : plan a Barrier-Free mobile(App/Web) service with AutoCryptFMS concept and accessibility in mind - that can improve the lives of the underprivileged. * 서비스 이름 : 오는 길 * 서비스 소개 : AutoCrypt의 FMS 서비스를 활용한 유아 안심 귀가 서비스 - 근처에 거주하는 아이들 그룹을 안전하게 귀가시킬 수 있는 공유 모빌리티 서비스 * 담당 포지션 : 서버 개발자 * React로 개발됨 * Node.js, MySQL, Sequelize ORM, Amazon EC2, Amazon RDS 사용 * Github 링크 : .. 2023. 7. 24. [React Native] Redux로 상태 관리하기 [목차] 0. 들어가며 - '우리두리'를 개발하고 있어요! 1. Redux란? 2. Redux 직접 적용해보기 0. 들어가며 "우리 둘이 만들어가는 이야기, 우리두리" 졸업프로젝트로 '우리두리'라는 서비스를 만들고 있습니다. 우리두리는 GPT를 기반으로 하는 '아동용 릴레이 동화 창작 서비스'예요. 작년 하반기에 기획을 시작했는데, 방학을 지나면서 ChatGPT의 인기가 갑자기 급상승하게 되어 GPT를 사용하는 우리 서비스도 많은 학우들의 관심을 받게 되었어요. GPT가 대중에게 가장 친숙한 기술이 된 지금, 기왕이면 프로젝트를 아주 멋지게 끝내보자는 마음가짐으로 막판 스퍼트를 올리고 있습니다. 우리두리는 간단하게 위와 같은 3단계로 이루어진 서비스입니다. 물론 사용자 조사를 바탕으로 아동의 책읽기, 개.. 2023. 5. 15. find my Roomie - 내 룸메이트 유형 찾기 테스트 개발기 (React에서 카카오링크 기능 적용하기) 본 프로젝트는 DSC Ewha 2기의 React3팀의 프로젝트입니다. DSC Ewha는 현재 2분기까지 진행되었으며, 분기별로 언어 및 분야를 선택해 스터디 및 프로젝트를 진행하고 있습니다. 리액트를 한번 배워본 김에 까먹지 않게 이것저것 공부해보며 실력을 쌓아보자는 생각으로 1-2분기 언어를 리액트로 골랐다! 그런데 우리 팀에는 리액트가 처음이신 분들만 계셔서 고민하다가, 팀원들이 리액트를 조금 더 재밌게 배워볼 수 있도록 기본에 충실하게 프로젝트를 만드는 것이 좋겠다고 판단해 구현하기 비교적 쉬운 테스트 제작을 주제로 잡아 겨울 방학동안 차근 차근 만들었다. find my Roomie 테스트 하러 가기! README 구경 가기! ✨ find my Roomie 룸메이트라는 주제를 잡고 우당탕탕 시작했다.. 2021. 2. 25. 첫 리액트 개발 도전기(2) - 일을 시작하는 순간, motiiv 본 포스트는 리액트로 개발하는 과정에서 했던 고민에 대한 이야기를 담고 있습니다. 다크 모드가 정말 예쁜 모티브 구경 가기 : www.motiiv.site/ 💡상태 관리💡 처음 배우는 리액트로 프로젝트를 진행하면서 가장 어려웠던 것은 state 관리였다. 우리가 프로젝트를 진행하면서 사용한 기술 스택은 아래와 같다. * React * Redux * Redux-Saga * styled-components 리덕스(redux)를 찾아보면 높은 확률로 아래의 이미지를 만날 수 있다. 리액트에서 props를 필요한 곳으로 내려보내기 위해 해당 props 를 사용하지 않는 컴포넌트를 거쳐가야 하는 경우 불필요한 리렌더링이 발생하는 문제가 있다. 리덕스는 간단히 말하면 그런 상태들을 따로 빼놓는 저장소(스토어)를 제.. 2021. 2. 17. 첫 리액트 개발 도전기(1) - 일을 시작하는 순간, motiiv 본 포스트는 서비스 소개부터 협업을 통해 배운 점까지의 이야기를 담고 있습니다. 다크 모드가 정말 예쁜 모티브 구경 가기 : www.motiiv.site/ 26기 SOPT에서 서버 개발을 하다보니, 내가 보내주는 이 데이터들이 도대체 프론트에서 어떻게 굴러가고 있는건지 궁금해지기 시작했다. 프론트 개발이 어떻게 이루어지는지를 잘 모르니 서버 연결 중에 오류가 나도 로그에 찍힌 상태 코드를 보며 "음.. 400인데... 콘솔로 뭐가 안 들어오는지 찍어볼게! 아마 이게 안 들어오고 있는거 아닐까..?"라고 대답해줄 수밖에 없어서 프론트 개발자들에게 미안하기도 했다. 그래서 어차피 이제 막 개발에 입문한 김에 전체 개발 사이클을 경험해보고, 겸사겸사 내가 프론트엔드 개발을 더 재밌어 하는지 백엔드 개발을 더 .. 2021. 2. 16. 2021 이화여대 기술창업 린스타트업 교육 참여 기획과 관련된 카테고리를 따로 만들기 애매해서 이곳에 살짝쿵 적어본다. 며칠 전, 학교에서 창업 관련 단기 교육이 있다길래 재미있어 보여서 한번 기웃거려보았다..! 참가를 하려면 준비하고 있는 창업 아이템이 있어야 된다고 해서 고민하다가 아무래도 STORM이 기획과 관련해서 재미있는 인사이트를 많이 얻어낼 수 있는 서비스인 것 같아 PM 현지 언니에게 물어봤고, 둘이 함께 교육을 듣게 되었다! SOPT에서 한 학기 동안 기획 파트로 활동하기엔 조금 부담스러워서 고민이 많았는데 이렇게 집약적으로나마 기획에 대해 배우고 실습해볼 수 있는 기회가 주어져서 감사했다. 4일간 진행되는 교육이라 정말 빠르게 훑고 지나가듯이 배웠다. 동아리 기획 경선에서 "BM이 뭔가요?"라는 질문을 들어만 봤지 내가 BM에 대해서.. 2021. 2. 16. 브랜드스토리텔링 - 멀티 페르소나 무인 사진관 <지화자> 브랜드스토리텔링 - Final Project * 2020년 2학기 * 개인 기획서 제출 정말 재밌게 들었던 수업이었다. 브랜드의 아이덴티티를 결정하는데도 수많은 스토리텔링 요소가 들어간다는 것을 배우는데 어떻게 재미가 없을 수 있겠는가. 나는 항상 매직서클을 유지하기 위해 많은 장치를 마련해놓았다는 디즈니랜드의 이야기만 들으면 가슴이 뛴다. 누군가의 완벽하게 멋진 경험을 위해 세심한 부분까지 힘쓴다는건 너무 멋진 일이다. 이 수업을 들으며 열심히 독파한 책은 '브랜드 경험 디자인 바이블 - 가장 강력하고 지속적인 브랜딩 전략'이라는 책이었다! 브랜드 경험 디자인 바이블 - 교보문고이 책은 기억에 남는 브랜드 경험을 구축하여 강력한 브랜드를 만들고 브랜드의 일관성을 확장하는 데 유용한 지침이 되는 실전 참.. 2021. 2. 4. [php] 여행 관련 데이터 분석 웹사이트 제작 빅데이터응용 - Mid-Term Project * 2020년 2학기 * 개인 프로젝트(팀 프로젝트였으나 코로나 상황으로 인해 1인 참여가 가능했음.) * php 사용 * php를 처음 사용해봤음에도 불구하고, 과제 기준을 모두 충족했음에 만족함.(특히 1인 팀에게 과제량이 더 많았음.) * 데이터 분석 결과를 도표 등을 이용해 시각화를 했으면 더 효과적으로 정보를 전달할 수 있었을 것 같아 아쉬움이 남음. 교수님께서 평가 기준에 시각화가 들어가지 않기 때문에 시각화 방법보다는 SQL을 다양하게 쓰라고 하셔서 정보를 어떻게 분석해야 할지 그 기준과 방법에 초점을 맞춰서 고민하고 과제를 진행했음. * 최종 발표 당시 식약처 등에서 제공하는 외부 API를 활용해 많은 데이터를 가져온 팀의 발표를 보고 내 프로.. 2021. 2. 4. [Unity] Vuforia를 활용한 증강현실 종합 생일 선물 세트 제작 가상현실콘텐츠 - Assignment * 2020년 1학기 * 개인 프로젝트 * 유니티를 활용한 자유 주제 프로젝트 진행 * 코로나로 인한 언택트 시대로 직접 친구와 만날 수 없는 요즘. 친구에게 보낼 수 있는 재밌는 선물이 없을까?라는 고민에서 출발 * Vuforia를 활용해 노트북 카메라로 손가락 위치를 인식하여 여러 기능이 작동하도록 함. 여담 * 만들다보니 약간.. "창민아 생일 축하한다..!"를 외치는 유노윤호가 된 느낌이었음. 희민아 생일 축하한다. * 클라이언트 프로젝트라기엔 애매하지만 서버 프로젝트는 아니기에 이곳에 작성. * Github 링크 : github.com/Say-young/Assignments/tree/master/%EA%B0%80%EC%83%81%ED%98%84%EC%8B%A.. 2021. 2. 4. 이전 1 2 다음
