[2024 하계 모각코] "화성갈끄니까" [4회차] 계획 및 결과

4회차 목표 : 웹프로그래밍 관련 토대 공부

 

일정 : 7/15

 

4회차 공부 내용 :

오늘은 웹 프로그래밍의 기술 스택에 대해서 공부하면서 자료 조사하고, 이전에 썼던 블로그 게시글을 좀 더 보완하였다.

 

https://hajm0702.tistory.com/120

[웹 개발] Front 두 번 째 발자국 - Node.js, React, Express 이런 게 뭔데?

 

보완 내용 :

프론트엔드 개발 언어로 작성 시 : TypeScript.

-자바 스크립트로도 충분히 좋지만, 타입 스크립트 개발 실력이 중요해졌다.(기술 스택의 변화로)

그래도 배울 때는 JavaScript를 토대로 공부하되, TypeScript로 개발하는 것을 주저하지 않도록 하자.

 

프레임 워크 부문 : React.

시장 점유율도 높은 프레임워크.

Node.js가 React의 프레임워크를 잘 사용할 수 있도록 잘 짜여 있기 때문에 Node.js를 함께 공부하면서 짜는 걸 추천한다. 거의 필수적으로 Node.js 알아둬야 한다.

 

+

React

React는 JavaScript 라이브러리이다.

 

독립된 개발자들이 컴포넌트라는 블록 단위의 코드들을 조합하여 효율적으로 화면을 구성할 수 있다. 컴포넌트 단위로 개발이 되니 가독성도 좋으며, 재사용하기도 좋고, 유지보수 측면에서도 탁월하다.

 

자바 스크립트를 배우면서 리액트를 공부하면 효율적으로 화면을 만들 수 있다는 의미이다.

 

먼저, 라이브러리와 프레임워크의 차이에 대해서 알아보자.

프레임워크	라이브러리
소프트웨어 개발을 위해 도움을 주는 도구라는 공통점
특정 규칙과 구조가 있으며 그 틀을 통해서 개발 진행.	특정 기능을 수행하는 코드들의 집합.
어플리케이션의 흐름을 프레임워크가 제어함.	어플리케이션의 흐름을 개발자가 제어함.

 

 물론, 라이브러리의 있는 것들을 토대로 React FrameWork가 만들어지고 적절한 컴포넌트가 업데이트되고, 렌더링 된다.

 

 여기서 프레임워크라는 것은 통상적인 의미로 틀이라고 생각하자. 그래서 위의 프레임워크 부문에서 React가 좋다고 한 이유는 그것이다. React는 라이브러리로 다른 라이브러리 및 프레임워크들을 유연하게 받아들일 수 있다!!

 

한 줄 요약:

라이브러리인 리액트를 통해서 화면을 더 효율적이고 빠르게 만들 수 있다. Front의 JavaScript의 도구.

 

---

 

Express

Node.js의 웹 어플리케이션 프레임워크로 Node.js의 규칙에 따라서 웹 어플리케이션을 만들어주는 것이다.

 

프레임워크를 통해서 개발자들에게 코드의 구조를 통일할 수 있어 좋다는 점이다. 서버를 쉽게 만들어주는 것으로 이것도 Back이다.