SOPT7 첫 리액트 개발 도전기(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. [해커톤] 퐁당 - 나의 심연으로 몰입하는 시간을 제공하는 서비스 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. [해커톤] 무비살롱 - 영화 기반의 온라인 살롱 26기 OUR SOPT 해커톤 참여 * 주제 : 언택트(Untact) * 서비스 이름 : 무비살롱 * 서비스 소개 : 함께 나누는 깊은 생각, 영화 기반의 온라인 살롱 * 담당 포지션 : 서버 개발자 * iOS로 개발됨 * Node.js, MySQL, Amazon EC2, Amazon RDS 사용 * Github 링크 : github.com/Say-young/Sopkathon-SERVER GitHub - Say-young/Sopkathon-SERVER: 26 SOPT Virtual Soptkathon - 무비살롱 SERVER 26 SOPT Virtual Soptkathon - 무비살롱 SERVER. Contribute to Say-young/Sopkathon-SERVER development by cre.. 2021. 2. 4. 첫 서버 개발 도전기(3) - 실시간 브레인스토밍 협업 툴, STORM 본 포스트는 데모데이 후기부터 STORM 릴리즈까지, 협업을 하며 느낀 점(배운 점)의 이야기를 담고 있습니다. ⚡데모데이⚡ 3주간의 개발을 마치고, 드디어 데모데이 당일! 데모데이 전날 안드로이드 개발자인 평화오빠와 밤을 새며 소켓 통신 테스트를 했던 기억이 난다. 아침에 먹었던 계란후라이와 짜파게티가 정말 맛있었는데.. 드디어 마지막 첫 서버 개발 도전기를 시작한다! 앱잼의 꽃인 데모데이는 3주간 열심히 만든 서비스를 대중에게 공개하는 자리라고 할 수 있다. 지난 기수에는 굉장히 큰 장소를 대관해서 많은 외부인들에게 공개했던 것으로 알고 있는데, 이번에는 코로나 때문에 많은 인원이 한 장소에 모일 수가 없어서 발표 장소에 팀별로 돌아가면서 모여서 멘토님들 앞에서 발표를 진행했다. 행사를 진행하기 어려.. 2021. 2. 2. 첫 서버 개발 도전기(2) - 실시간 브레인스토밍 협업 툴, STORM 본 포스트는 API 명세서 작성부터 API 개발 및 수정까지의 이야기를 담고 있습니다. 앱잼에서 개발자 팀빌딩 이후 가장 바쁜 사람은 바로 서버 개발자다. 이유인 즉슨, 클라이언트 개발자들이 서버 연결을 시도하기 전 최대한 많이(정확히 말하자면 1차적으로 모두 끝내두고 수정 작업에 들어가야 한다.) API 개발을 끝내놓아야 하기 때문이다. 해커톤이기 때문에 수정이 매일 발생하고, 클라이언트 개발자와 소통하다 보면 수정사항이 계속해서 나오게 되지만 그래도 첫주에 바쁜 것이 이후 일정을 고려했을 때 가장 바람직하다. 1. 서비스의 핵심 기능과 워크플로우를 확인한 후, DB를 설계한다. 2. 클라이언트 개발자가 참고할 수 있도록 API 명세서를 빠르게 작성한다. 3. 작성한 API 명세서대로 API를 개발한다.. 2021. 2. 2. 첫 서버 개발 도전기(1) - 실시간 브레인스토밍 협업 툴, STORM 본 포스트는 서비스 소개부터 DB 설계까지의 이야기를 담고 있습니다. "컴공인데 이걸 왜 하세요?" 2년 간 여러 활동을 하면서 내가 가장 많이 들었던 질문이다. 융합콘텐츠학과를 복수전공하기 시작했을 때도, 영삼성 리포터즈로 활동했을 때도, 언제나 이 질문을 받았다. 아마도 이 질문은 "컴공인데 (왜 개발은 안 하시고) 이런 활동을 하세요?" 였을 것이다. 답은 간단했다. 의미 있는 서비스를 생각해내고, 눈에 보이도록 그려내고, 사람들이 그 서비스를 정말 즐겨 쓰는지 확인하는 일을 나는 너무나도 좋아했기 때문이다. 그렇게 주전공은 뒤로 넘겨둔 채 UX/UI에만 집중했던 오만한 컴공생은 곧 이 문제와 부딪혔다. '이거.. 개발이 되나?' 내가 생각하기에 아무리 신박한 서비스면 어쩌나. 개발이 가능한지 알 .. 2021. 2. 1. 이전 1 다음
