본문 바로가기

Project/Client8

연극 홍보용 웹페이지 제작 인문극회 75기 정기공연 홍보용 웹페이지 제작 * 제작 기간 : 2023.02.14 - 2023.02.17 * ReactJS로 개발 The Sun 이화여자대학교 인문극회 75기 정기공연 ewhaimplay75.vercel.app *** 본격 배우가 홍보 웹페이지도 제작하는 전설의 인문극회! 마감 일자에 맞춰서 외주를 구하기 어렵다고 해서 그냥 직접 만들었다. 3일간 낮에 연습하고 밤에 개발하는 멋진 일정을 소화했다. 😎✌ 연출진한테 디자인 무드만 받고 빠르게 디자인&개발 했다. 나름.. 반응형(웹/탭/모바일)도 고려해서 작업했다. 연습하다 말고 아이폰과 갤럭시를 종류별로 늘어놓고 QA를 했던 기억이 난다. 홍보용 정적 웹페이지라 '예쁘게' 보이는 게 중요해서 기기에 따라 잘리거나 어긋나는 부분이 없도록 .. 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.
[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.
[해커톤] 퐁당 - 나의 심연으로 몰입하는 시간을 제공하는 서비스 27기 ON SOPT 해커톤 참여 * 주제 : 중독 * 서비스 이름 : 퐁당(Pondan) * 서비스 소개 : 가볍게 호수에 돌멩이를 퐁-당 던지듯, 가벼운 질문으로 시작해서 나의 심연으로 몰입하는 시간을 제공하는 서비스 * 담당 포지션 : 웹 개발자 * React로 개발됨 * state에 따라 다른 뷰를 랜더링하는 것, axios를 이용한 서버 연결 방법에 대해 알게 됨. * Github 링크 : github.com/Soptkathon-Web-Server/Soptkathon-WebSoptkathon-Web-Server/Soptkathon-WebContribute to Soptkathon-Web-Server/Soptkathon-Web development by creating an account on G.. 2021. 2. 4.
[Android] 지금 바로 시작하는 환경 보호 첫걸음, ani more 우리 학교 융합콘텐츠학과엔 악명 높은 4학년 수업이 있다. 바로 '콘텐츠시스템프로젝트'라는 수업인데, 수강생 4명이서 한 팀이 되어 서비스 기획부터 디자인, 개발, (가능하다면) 배포까지 해야 하는 수업이기 때문이다. 그러나 프로젝트형 수업이라면 일단 눈을 빛내는 나는 기어코 3학년 2학기에 이 수업을 신청했다. 우리 팀은 기획을 4명이서 함께 하고, 2명이 디자인을, 나는 개발을 맡았다. Client Project 카테고리에 기획 및 디자인과 관련된 글을 써도 될까 잠깐 고민했지만.. 이 프로젝트에서 안드로이드 개발을 도맡아 했으니 이곳에 글을 쓰기로 했다. --- ✔ 기획 약 4주차까지 4명이서 서비스를 기획했다. 서비스 기획 배경, 타겟 특성, 서비스의 목적, 메인 기능, 주요 컨셉(혹은 스토리 라.. 2021. 2. 3.