[개발일기] Header 구현 (React - Typescript)

Header 구현 후기

React를 약 3개월 만에 다루려고 하니 정말 하나도 기억이 나지 않았습니다.

이전에 진행하였던 프로젝트 코드를 보며 하나씩 기억을 되살리다 보니 시간이 상당히 걸렸습니다.

 

앞으로 Front 작업이 많겠지만 조금씩 이전의 기억이 살아나며 작업에 속도가 붙길 기대하며 시간 분배에 신경을 써야겠습니다.

 

golang을 다루고 싶지만 그동안 SQLD공부와 Kubernetes 공부 등 이론 공부에 비하면 Front라도 프로그래밍을 하는 과정이 너무 재밌습니다.

 

Header

---

느낀 점

시간의 효율을 위해선 Front를 담당해 줄 사람을 구하여 Front를 부탁하고 golang을 활용한 Backend에 몰두하는 것이 golang공부에는 도움이 될 수 있다고 생각도 들었습니다.

하지만 전반적인 웹 서비스의 흐름을 이해하기 위해서 Front는 최소한으로 필요한 부분만 구현하고 golang을 이용한 OAuth를 통한 로그인, Cookie를 활용한 작업, RDBMS와 AWS를 이용한 EC2배포, S3를 활용에 대한 방법에 더 비중을 두고 계획을 잡아보도록 하겠습니다.

---

다음 계획

Header를 이용한 Routing과 로그인 페이지를 구현하려고 합니다.

로그인 페이지가 완성이 된다면 golang을 활용하여 OAuth2.0 기반의 소셜 로그인 서비스인 카카오 로그인을 구현하려고 합니다.

공부할 내용

로그인이 구현되면 Cookie의 유무로 component mount 선택?

Cookie의 유무로 Redirect?

주로 조건식을 활용하여 component mount를 선택하였는데 이러한 방법 외에 다른 방법이 있는지,

Redirect를 하는 것이 맞는지, 맞다면 어떠한 follow chart를 가지는지 공부하기