[ 마이블로그 - react와 node.js ] react와 node.js로 개인 웹 애플리케이션 만들기!

* 프로젝트명 : 마이블로그

* 사용할 기술스택

Publish	Front-end	Back-end	DB
HTML CSS tailwinds	React Typescript	Node.js Express	MongoDB

 

* tailwidns 선택 이유
→ bootstrap, vuetify, thymeleaf 등을 사용해 보았지만 테일윈즈는 아직 사용해보지 않아서
개인 프로젝트를 진행하며 실 업무에서 사용하지 않을 것 같지만 핫한 기술을 사용해보고 싶었다.
또한 아주 잠깐 vue3를 배울 때 사용해본 결과 class로 세세하게 css를 지정할 수 있는 것처럼 느껴져서
사용해보고 싶었다.

 

* React 선택 이유
→ Vue3를 배우면서 서버/클라이언트 렌더링에 대해서도 알게 되고, js파일로 화면을 구축하는 것의 편리함(vue의 특징이었지만)도 알게 되고 그러한 언어들의 프레임워크도 사용해 보면서(Nuxt3 사용해 봄) 내가 알지 못했던 프론트엔드 세상의 새로운 맛을 알게 되었다. 그래서 이번 개인 프로젝트는 사용해보지 않은 React를 사용해 보기로 했다! 새롭게 배워서 사용해 볼 생각에 신난다!!!

 

* Typescript 선택 이유
→ 아직 하루밖에 공부하지 않아서 자세히 알지 못하지만 벌써부터 재밌다. 나는 애초에 자바스크립트보다는 FM적인 자바를 굉장히 선호한다. MBTI J가 나오는 사람(?)답게 나는 유연성이 굉장한 자바스크립트와는 잘 맞지 않는다. 동적 타입 언어답게 코드가 실행되면서 타입이 정해지고 한 변수에 다른 타입인 값(value)들을 할당할 수 있는 등.. 자바스크립트는 나한테 너~~무 유연적이다. 난 자바처럼 딱딱 떨어지는 언어가 좋다. 그런데 타입스크립트는 앞서 내가 말한 자바스크립트의 큰 장점이자 단점을 잡아주는 언어라고 들었다. 하루 공부해 본 결과 타입을 지정해 주어 해당 타입이 아니면 값을 할당할 수도 없고 타입이 정해져 있으니 코드 짤 때에도 정해진 타입끼리 할당하고 비교하고 편리한 것 같았다. 그래서 타입스크립트도 알아두면 좋을 것 같아 이번 프로젝트에서 사용해 보며 익혀두려고 한다.

 

* Node.js와 Express 선택 이유
→  Node.js는 자바스크립트로도 서버를 구축하여 애플리케이션을 만들 수 있게 해주는 프레임워크이다. 그리고 express는 그 서버 구축을 도와주는 라이브러리이다. 나는 이제까지 Java와 스프링, 스프링부트로만 서버를 구축해봤다. 그래서 사실 Node.js로 서버를 구축해서 DB와 연동한 후에 앱이 굴러가게 만드는 그 과정이 머리에 그려지지 않는다. 그래서 이번 프로젝트에 사용해보지 않은 언어와 방법으로 서버 구축할 생각에 신이 나고 빨리 해보고 싶어 진다!
다행히 이번 프로젝트를 함께할 모각코 멤버 중 나와 같은 기술스택으로 블로그를 만들 사람이 있어서 도움을 받으면서 해볼 수 있다! 어차피 실무 가서 자바랑 스프링만 주야장천 쓴다고 하니 개인 프로젝트에서는 Node.js 사용하면서 새로운 경험하는 것이 좋을 것 같다는 판단도 들었다. 예전에 python 배울 때 찍먹해본 적은 있는데, 기억이 하나도 나지 않기 때문에 ^^ 새로운 경험이 될 것 같아서 정말 기대된다!!!!

 

* MongoDB 선택 이유
→ 이제까지 내가 사용한 Oracle과 MariaDB.. 이 둘은 관계성 DBMS이다. 그리고 MongoDB는 비관계성 DBMS