React/링크게더 (리액트 프로젝트)

[React] - 링크게더 소개

위르겐 2022. 11. 15. 02:01

나는 운이 정말 좋은 사람이다.

 

프로젝트 하나를 마친 후 

교육기관의 매니저를 맡게 됐는데

동시에 다른 프로젝트에 참가하게 됐다.

 

이름은 링크 게더

 

인적 자원과 기술적 자원을 공유하는 서비스이다.

 

쉽게 말하면

사이드 프로젝트 모집 플랫폼

 

누군가 보기엔

다소 진부할 수 있는 주제이지만

이 프로젝트가 나한테 특별하게 다가오는 이유는

현업에서 일하고 계신 분들과 같이 하게 됐고

또한 그 회사의 기획자, 디자이너 분까지 모셔

기획부터 탄탄하게 진행되고 있기 때문이다

 

유지보수가 용이하며 동시에

클린 한 코드를 작성할 수 있는 기회에 목말랐던 나에게는

둘도 없는 찬스이지 않을까..

 

지난 프로젝트에선

6주 안에 결과물을 완성시키는 게 우선이었기 때문에

시간에 쫓기며 굴러가게만 만들었다.

 

그에 대한 대가는 바로

손도 못 대게 막막한 리팩토링 지옥...?

 

어느 정도 규모가 있는 프로젝트는

처음이었기에

'이런 기능도 있구나..?'

'내가 할 수 있을까?' 

'어..? 되네?'

 

이런 느낌이었다면

 

새로이 시작하는 현 프로젝트는

꼼꼼한 리뷰를 거치며 

바로바로 수정되는 코드라

가독성 측면에서 훨씬 낫지 않을까 생각한다.

 

 

타입 스크립트도 이번에 처음 쓰게 됐고

리액트 쿼리, scss, 그래프 QL, 리코일 등 

새로운 스택들을 정말 많이 접할 수 있게 됐다.

 

소화하는 건 온전히 나의 몫이며

얼마나 시간을 투자하느냐에 따라

명운이 갈릴 것이라 생각하는데

 

일단 매니저일을 이제 막

시작하는 단계라 너무너무 바쁘다... ㅋㅋㅋ

 

 

 

차근차근 하나씩 해보자

 

 

내가 맡게 된 기능은 캐러셀

우리나라에선 슬라이드라는 이름으로 더 많이 불리는데

웬만한 홈페이지에는 대부분 존재한다.

 

출처 : 원티드

 

 

이렇게 양옆 화살표 버튼을 눌러 이미지를 슬라이드 하는 기능이다.

 

 

 

내가 구상하고 있는

캐러셀 기능들은

크게

 

1. 화살표로 양 옆 슬라이드

2. 하단 점 모양 클릭으로 원하는 슬라이드 이동

3. 드래그로 슬라이드

4. 자동으로 슬라이드

5. 무한 슬라이드

 

 

이 정도로 생각하고 있는데 

기능 구현은 다음 포스팅에서!

 

 

 

 

반응형