# 사이드 프로젝트

12개의 포스트
post-thumbnail

[사이드 프로젝트] Tindux 회원가입 컴포넌트 작업기📝

토이 프로젝트로 개발중인 블라인드 데이팅 서비스 Tindux의 회원가입 컴포넌트 작업이 어느정도 마무리되었다. 지금까지 만들어봤던 일반적인 회원가입 관련 컴포넌트에 비해 받아야할 항목들도 많고, 입력받은 항목들을 기반으로 컴포넌트 내에서 실시간으로 변화를 줘야 했다보니

2020년 10월 16일
·
0개의 댓글
post-thumbnail

[사이드 프로젝트] React_Image_Crop_Component ✂️

현재 토이 프로젝트로 개발중인 블라인드 데이팅 서비스 Tindux는 유저 개개인의 프로필 이미지가 중요한 역활을 하기 때문에, 기존 방식대로 유저의 이미지를 통째로 받아서 업로드한 후 이미지 정중앙을 틀에 끼워넣는식의 방식은 맞지않다고 생각했다. 그래서 유저의 프로파일

2020년 10월 14일
·
0개의 댓글
post-thumbnail

주말에 뭐할래? 사이드 프로젝트 준비하기

다시 회사를 다니게되면서 직장인으로써 주말을 맞게 된 첫 주..시작은 동생이 너무 먹고 싶다는 수제버거와 함께,,인스타그램 업로드를 끊은 후로 사진을 찍지 않았던지라오랜만에 찍으려니 어색하다;;무튼 불안하기만 하고 앞날이 전혀 보이지 않았던 나한테는다시 예전의 일상을

2020년 10월 11일
·
0개의 댓글
post-thumbnail

[사이드 프로젝트] 토이 프로젝트에 리덕스 사가 끼얹기

이번에 진행할 새로운 토이 프로젝트는 해외 유명 블라인드 데이트앱 tinder의 클론 서비스이다. 리액트와 Express, 몽고db 기반으로 제작중이며, 리덕스 사가를 이용한 상태관리와 socket i.o를 이용한 실시간 채팅 기능이 주 이기 때문에 tindux로 이름

2020년 10월 4일
·
0개의 댓글

사이드 허슬.1

앱을 런칭한지 1달 반쯤이 지나고 있습니다. 처음 사이드를 시작했을때의 기억이 생생하진 않지만, 더듬더듬 떠올려보며 공유해 볼게요!왜 시작했는지, 어떤 목표가 있었는지, 실행은 어떻게 했는지?

2020년 9월 30일
·
0개의 댓글
post-thumbnail

[사이드 프로젝트] Mongoose의 'populate'를 이용한 타 collection 참조 👀

NoSQL 데이터 베이스인 MongoDB를 사용하다보면, 컬렉션의 특정 데이터를 기반으로 다른 컬렉션의 데이터를 참조할 일이 생긴다. 그러나 관계형 데이터 베이스처럼 테이블 join을 할 수는 없는 상황에서 이와 비슷한 기능을 가진 'populate'에 대해 정리 해보

2020년 9월 23일
·
0개의 댓글
post-thumbnail

[TIL] FFmpeg & Node JS로 영상 썸네일 생성하기

요즘 John Ahn님의 Node js 튜토리얼을 보며, 정말 많은 것들을 배우고있다. 특히 강좌에서 다룬 파일업로드 부분은 많은 곳에서 쓸일이 많을거같아서 튜토리얼 내용 외에도 구글링을 해가며 공부하고 있는데, 오늘은 Node js에서 FFmpeg를 이용하여, 영상

2020년 9월 21일
·
0개의 댓글
post-thumbnail

[사이드 프로젝트] React, Node js 로 “이미 존재하는 이메일 입니다” 기능 구현하기

사용자가 form 태그에 입력한 값을 서버에 전송해야하는 상황의 대부분은 사용자가 입력하여 전송한 값 중 특정한 값을 데이터 베이스와 비교하여 중복 시 에러 메세지를 보내주는 상황을 만들어주어야한다. 오늘은 회원가입 시 만일 db에 사용자가 입력한 이메일값이 이미 존재

2020년 9월 12일
·
0개의 댓글
post-thumbnail

[사이드 프로젝트] multer를 이용한 이미지 업로드 feat.React x Node js

요즘 코드스테이츠 부트캠프에서의 빡센 일정과 학습량 덕에 정신없는 나날들을 보내고 있지만, 하루의 남는 시간들을 최대한 활용하여, 만들었던 사이드 프로젝트의 기능들을 보완하고 개선시키는 중이다. 위 사이드 프로젝트는 React, MongoDB, NodeJS(Expres

2020년 9월 12일
·
0개의 댓글
post-thumbnail

Spring Boot와 Vue.js로 만든 첫번째 사이드 프로젝트

개발했던 기능마다 설명, 기술 스택, 결과, 좋았던 점, 아쉬웠던 점을 기록하여 프로젝트 소개 파트를 늘려갔다. 달랑 글만 있으면 이해가 잘 가지 않을 것 같아서 여기 개발했어요 하는 제품 이미지도 넣으면서 이력서를 수정했다. https://velog.io/@chri

2020년 9월 9일
·
2개의 댓글
post-thumbnail

[사이드 프로젝트] <오늘의 교훈/> 컴포넌트 사전 설계를 습관화 합시다🤦🏻‍♂️

정말 많은 에러들과 쓸때 없이 거슬리는 `never used` 경고를 헤쳐나가며 여러가지를 느낄 수 있었던거같다. 아직 리액트를 시작한지 얼마 되지않아서 컴포넌트의 세분화, 재사용 등등 머리로만 알고있었지, 직접 와닿지는 않았었는데, 이렇게 직접 불편함을 겪어보고, 해

2020년 8월 23일
·
0개의 댓글

[토이 프로젝트] 헬스타그뢤 - 운동 기록 Social Network 서비스 - 계획 세우기

토이 프로젝트를 시작하고, 무사히 끝내기 위해 계획 포스트를 작성한다. 헬스를 좋아하는 유저들이, 매일의 운동기구별 중량/횟수/거리를 포스팅하는 기능을 제공한다.

2020년 7월 27일
·
0개의 댓글