Node.js, React, Next.js, TypeScript.. 그게 뭔데 개발자야_실전 웹 애플리케이션 개발 (1) javascript 차이점

금일 개발자 밈

안녕하십니까

야생의 백수

아주 백수

비트입니다.

 

과거 대학을 다니고 인턴십을 하며

음~

다신 웹 개발 안 하겠다!

다짐했는데 

또 이렇게 웹 개발을 하게 되었네요 허허

 

제 수준은 딱

HTML, CSS, JS - Java(DAO, MyBatic 등)- Oracle 

이런 MVC 패턴에 멈춰있는데

 

어우 요새는 뭐

JS 로 다 하더라고요?

Latte는 이렇게 어? 이런 웹 개발을 해야 했는데

요즘 친구들은 말이야~

(라고 00년생이 외치다)

 

어찌됐든 저찌됐든

저처럼 Java와 HTML이 익숙하신 분이

Modern 한 웹 개발에 접근하고 싶으실 때

도움이 되시길 바라며 요런 기록을 해봅니다 :)

---

이 책으로 공부 중입니다. 어쩌면 요약하는 글이 되겠네요

 

뭐시기 js... 그게 뭔데?

Next.js

• 웹 리액트 프레임워크.
• 리액트 컴포넌트 불러다 써주는... 말 그대로 프레임워크

Next.js 완벽 가이드(치트 시트)

React

• 페북에서 만든 웹 라이브러리.
• 컴포넌트로 웹 페이지를 이룬다

Component

• Web Page에 나오는 UI 있자나요 버튼 같은
• 최소(Atomic - ex. 버튼) 단위부터 묶어서 헤더가 된다고 할지..

Node.js

• 브라우저 밖에서도 js 사용 가능!
• 그 막 모듈 npm 인스톨하고 그런게 node 더라~

TypeScript

• 타입을 정할 수 있는 JS 언어.
  • 타입을 정할 수 있어서 그런 류의 버그를 확실히 막아줄 수 있다

그 밖의 것들

Virtual DOM	가상 돔. 보통 렌더링이 더 빠르다.
DOM	Document Object Model : HTML ↔ DOM ↔ JS
JSX	HTML 과 JS 의 짬뽕
AltJS	타입 바꿔서 컴파일 해주는 친구들 예 : TypeScript.
SSR	서버 사이드 렌더링 (예: 서버 X VSC 내에서 렌더링)
SPA	Single Page Application. 페이지 전환 해도 서버 전체에서 페이지 내려받지 않음 예: React
Page Routing	특정 웹 경로로 날려줌

---

원래 더 썼었는데

중간에 한 번 날라갔지 뭐예요?

^^...

그런고로 이번 내용은 여기까지만 쓰겠습니다

다들 행개건개 하십쇼 ( 행복한 개발 건강한 개발이라는 뜻)