백엔드 개발자의 React 공부 시작

개요

react 부시기라는 카테고리를 시작으로 프론트엔드 공부를 소소하게 시작해보려 합니다.

 

애써 외면했던 프론트엔드

프론트엔드 싫어..

개발을 처음 시작할 때는 내가 만들고 싶었던 2~3개 정도의 서비스들을 개발하면서 백엔드는 Python, Flask를 활용하고 프론트엔드는 HTML, CSS, Javascript를 활용했던 경험이 있었습니다.

 

하지만 내 마음대로 배치되지 않는 CSS 때문에 프론트엔드에는 급격한 흥미가 떨어지게 되었습니다.

 

심지어 "나는 백엔드 개발자가 될 거야"라는 생각으로 SSAFY에서는 Vue.js를 배웠지만 한 귀로 듣고 한귀로는 흘려버리기도 하였습니다.

 

"어드민 페이지가 필요해?"

그러면 Retool이나 Appsmith와 같은 로우 코드/노 코드 개발 플랫폼을 사용해서 대시보드를 쉽게 구축하면 되지 않을까?라는 생각도 가지고 있었습니다.

 

하지만 이전에 흥미 떨어졌던 이유에 대해 고민해보았을 때  "내가 제대로 공부해보려고 하지 않았을까?" 라는 생각이들어 react에 대해 다시 한번 도전해보려고 합니다.

 

이제 한번 도전해보자

Low Code Tool vs

 

사내에서는 retool, appsmith와 같은 툴들도 활용하였지만 특정 상황에서는 React나 Vue 등을 활용하여 어드민 페이지나 프런트엔드를 활용해야 하는 상황이 올 수 있습니다.

 

• 어드민 개발을 React나 Vue로 해야 한다면?
• 그리고 만약 팀에 지원가능한 프론트 개발자가 없다면?

 

이번 기회를 통해 Backend Engineer를 넘어서 Software Engineer를 향해 한걸음 가보고자 합니다.

 

무엇을 만들어볼 것인가?

공부는 시작할건데 뭘 만들까?

"프론트엔드를 공부하긴 할 건데 어떤 것을 만들어보면 제일 좋을까?"라는 고민이 가장 먼저 듭니다.

백엔드 개발자는 보통 어드민 페이지를 만들 가능성이 큽니다.

그리고 어드민 페이지에는 CRUD를 포함하여 회원가입 등 다양한 기능들이 많이 포함되어 있을 것입니다.

 

백엔드 개발자 공부를 제대로 시작하며 가장 먼저 해본 프로젝트는 바로 로그인 + 게시판 프로젝트입니다.

이참에 해당 프로젝트를 활용하여 리팩토링도 해보고 프론트엔드까지 붙여보고자 합니다!

 

기간을 정해놓고 해 보자

시간을 정해놓고 시도해보자

공부해보고 싶은 것들은 많고, 많은 시간을 투자한다고 해서 꼭 좋은 성과가 나는 것은 아니라고 생각하여 기간을 정해두고 최대한 효율적으로 접근해보고자 합니다.

 

기간은? 1달, 하루에 30분씩 그러면 이제부터 시작합니다.

 

 

 

 

 

참고자료

https://medium.com/@dhslrl321/%EC%A7%80%EA%B8%88-%ED%94%84%EB%A1%A0%ED%8A%B8%EB%A5%BC-%EA%B0%9C%EB%B0%9C%ED%95%98%EC%A7%80%EB%A7%8C-%EB%82%9C-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%95%84%EB%8B%88%EC%95%BC-96e7a5168b93