# 사이드 프로젝트

19개의 포스트
post-thumbnail

[IT-article-archive]#1 시작

[IT-article-archive]#1 시작

2021년 1월 13일
·
0개의 댓글
post-thumbnail

💌 크리스마스 카드 보내는 웹사이트 개발하기 !

크리스마스 준비 힙하게 여기서 하세요 🎄😎

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

[사이드 프로젝트] 리액트에서 페이스북 로그인 구현 하기

카카오 로그인 기능에 이어서 페이스북 로그인 기능도 추가했다. 페이스북 로그인 기능 또한 리액트용 라이브러리를 사용하면 빠르게 구현할 수 있었고,클라이언트에 컴포넌트 추가 이후의 후처리는 카카오 로그인 때문에 수정해 뒀던 서버 단의 로그인 관련 API를 그대로 사용하면

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

사이드 프로젝트 회고(리액트 + 익스프레스)

어느 날 문득 내가 즐겨하던 게임이 API를 제공한다는 사실을 알았다.해당 게임 시리즈를 반 평생 플레이한 유저로서 여러 개의 흥미로운 데이터들을 제공한다는 걸 느꼈고, 이를 이용해서 리그 오브 레전드 전적 사이트인 OP.GG같은 웹 사이트를 만들고 싶다는 생각을 했다

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

[사이드 프로젝트] 리액트에서 카카오 로그인 구현 하기

진행중인 사이드 프로젝트 'Tindux'에 소셜 로그인 기능을 추가했다. 리액트 관련 라이브러리와 카카오 개발자 사이트의 공식문서 덕분에 카카오 API를 통한 카카오계정 인증까지는 빠르게 구현 했지만, 인증 후 사이드 프로젝트 앱 의 계정 및 JWT 인증 시스템과 어떻

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

사이드 프로젝트의 시작, 클론 프로젝트

지난 포스트에서 예고했듯, 이번 포스트에서는 '사이드 프로젝트'를 시작하려고 하는 분들에게 도움이 될만한 주제인 '클론 프로젝트'에 대해 소개해보려 한다.사이드 프로젝트를 시작하기로 마음 먹었다면 실행에 옮기기 전 가장 먼저 필요한 단계는 무엇일까?아마 어떤 서비스를

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

당신이 사이드 프로젝트를 시작해야 하는 이유

'사이드 프로젝트' 또는 '토이 프로젝트'라는 용어가 낯선 이들에겐 새로운 흥미를, 이미 알고 있었지만 실천하지 못한 이들에겐 다시금 동기를 부여해주는 포스트가 되리라 믿는다. (이하 사이드 프로젝트로 명칭을 통일) 사이드 프로젝트란 무엇일까? 사이드 프로젝트란

2020년 11월 6일
·
1개의 댓글
post-thumbnail

[사이드 프로젝트] Redux-Saga 를 이용한 하위 컴포넌트들의 데이터 흐름 관리

요즘 부트캠프의 바쁜 일정 덕분에 새로운 지식들을 빠르게 습득하고 있다는 기분이 들지만, 한편으론 개인 프로젝트를 진행할 시간이 점점 부족해져서 그런지 한편으론 아쉽다. 그래도 나름 시간을 내서 틈틈히 개인프로젝트를 진행중이며, 최근엔 기존의 회원가입 및 로그인 관련

2020년 11월 4일
·
0개의 댓글
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개의 댓글