리액트? PHP? 서버사이드가 뭐야 용어정리

1. 서버사이드 스크립트란? Server Side Script(JSP, ASP, PHP)

-> 서버사이드 클라이언트, 서버 사이드 스크립트, 클라이언트 사이드 등 용어 정리 및 api 설명

wikidocs.net/22322 

위키독스

2.PHP와 Node.js 바로 알기

-> 장단점

library.gabia.com/contents/8313/#:~:text=%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%20%EC%82%AC%EC%9D%B4%EB%93%9C%20%EC%96%B8%EC%96%B4%EC%9D%B8%20JavaScript,%EB%8B%B4%EB%8B%B9%ED%95%98%EA%B3%A0%20%EC%9E%88%EC%97%88%EA%B8%B0%20%EB%95%8C%EB%AC%B8%EC%9E%85%EB%8B%88%EB%8B%A4.&text=Node.js%EB%8A%94%20%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%20%EA%B0%9C%EB%B0%9C,%EA%B0%80%EB%8A%A5%EC%BC%80%20%ED%95%98%EB%8A%94%20%EB%9F%B0%ED%83%80%EC%9E%84%20%ED%99%98%EA%B2%BD%EC%9E%85%EB%8B%88%EB%8B%A4.

가비아 라이브러리

3. 서버 사이드 렌더링이란

-> 서버 사이드 렌더링이란 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법을 의미합니다. 

joshua1988.github.io/vue-camp/nuxt/ssr.html#%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8-%EC%82%AC%EC%9D%B4%EB%93%9C-%EB%A0%8C%EB%8D%94%EB%A7%81

Server Side Rendering | Cracking Vue.js

 

4. 서버 사이드 랜더링/ 클라이언트 사이드 렌더링

-> 렌더링이란? 어떠한 웹 페이지 접속시, 그 페이지를 화면에 그려주는 것

jaroinside.tistory.com/24

11. 서버사이드 렌더링 , 클라이언트 사이드 렌더링

5.

자바스크립트 런타임 (Javascript Runtime)

앞에서 언급했듯 자바스크립트 엔진에는 하나의 메모리 힙과 콜 스택이 존재하므로 다른 프로그램이 무언가를 실행하려면 현재 작업이 끝날때 까지 기다려야하는 문제점이 있었다. 그리고 만약 많은 시간이 걸리는 작업을 수행한다면 프로그램이 엄청나게 느려질 것이다.

그렇다면 어떠한 방식이 이를 해결할 수 있을까?
오래 걸리는 일은 백그라운드에서 처리하고 간단하게 처리할 수 있는 작업들만 콜 스택에서 수행한다면 효율적으로 처리할 수 있을것이다. 그리고 이런 일이 가능하게 해주는 것이 바로 자바스크립트 런타임 이다.

 

런타임 하면 어려운 개념인 것 같지만 우리는 이미 자바스크립트 런타임을 사용하고 있다. 흔히 사용하는 웹브라우저가 바로 JavaScript런타임이다.

런타임이란 프로그래밍 언어가 구동되는 환경이다. 환경은 쉽게말해 프로그램이다. 즉 런타임이란 "어떤 프로그래밍 언어가 동작할 수 있는 프로그램" 이다.

JavaScript의 런타임은 무엇이 있을까? 먼저 브라우저가 대표적인 자바스크립트 런타임이다. 이전에는 자바스크립트 런타임이 브라우저 밖에 없었다. 하지만 이제 node.js라는 새로운 자바스크립트 런타임이 나왔다. 자바스크립트가 브라우저가 아닌 곳에서 실행될 수 있으니, 자바스크립트를 이용해서 웹페이지 뿐만 아니라 서버와 같은 다른 프로그램을 만들 수 있다.

velog.io/@cheal3/JavaScript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%9F%B0%ED%83%80%EC%9E%84-Javascript-Runtimevelog.io/@cheal3/JavaScript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%9F%B0%ED%83%80%EC%9E%84-Javascript-Runtimevelog.io/@cheal3/JavaScript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%9F%B0%ED%83%80%EC%9E%84-Javascript-Runtime

[JavaScript] 자바스크립트 런타임 (Javascript Runtime)

6. node.js란

2009년까지는 브라우저에서만 자바스크립트를 쓸 수 있었지만 Node.js 가 탄생하면서 이야기가 달라졌다.
앞선 글에서 자바스크립트 런타임이란 브라우저에서 사용자에게 제공하는 것이라고 하였다. Node.js 는 자바스크립트 런타임 중 하나로 브라우저 밖에서도 자바스크립트를 실행할 수 있게 도와준다.

velog.io/@cheal3/JavaScript-Node-jsvelog.io/@cheal3/JavaScript-Node-js

[JavaScript] Node js

💡7. 웹개발이란

Node.js 통해 웹서버,WAS구축하고 리액트를 서버 사이드에서도 렌더링할수있도록 Node.js 를 개발

https://blog.kesuskim.com/2018/09/web-development-in-2018/blog.kesuskim.com/2018/09/web-development-in-2018/

2018년에 있어서 웹개발이란? | Psalm 31:16

8. 프론트엔드 라이브러리 및 프레임 워크인 리액트 설명 및 특징 장단점

-> 리액트를 쓰는 이유는 SPA(단일 페이지 어플리케이션) 때문

helloworld-88.tistory.com/350#:~:text=%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%8A%94%20%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%B6%81,%ED%95%A8%EA%BB%98%20%EC%82%AC%EC%9A%A9%EB%8F%84%20%EA%B0%80%EB%8A%A5%ED%95%98%EB%8B%A4.

[React] 내가 React를 선택한 이유

 

9. 개발구조 총정리

-> 프런트앤드/백엔드 정리

milkoon1.tistory.com/33

IT 개발구조 총정리 - 프론트엔드와 백엔드

 

-> 백엔드 프론트 엔드 차이점 

blog.wishket.com/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-vs-%EB%B0%B1%EC%97%94%EB%93%9C-%EA%B0%9C%EB%85%90%EA%B3%BC-%EC%B0%A8%EC%9D%B4%EC%A0%90/

프론트엔드 VS 백엔드, 개념과 차이점 그리고 사용되는 언어는?

10. php 대신 nodejs를 사용하는 이유 (리액트에서)

www.codentalks.com/t/topic/7311/15

php가 안좋은 이유?

11. 웹서버와 WAS 차이

codechasseur.tistory.com/25

[Web] 웹 서버와 WAS의 차이를 쉽게 알아보자