본문 바로가기

전체 글9

웹 개발에서 자주 나오는 개념: 웹 서버 vs 앱 서버 vs WAS 웹 개발을 하다 보면 "웹 서버", "앱 서버", "웹 애플리케이션 서버(WAS)"라는 용어를 자주 접하게 된다. 근데 초보자들한테는 이 개념들이 헷갈릴 수 있는데 이번 기회에 정리해보려 한다.1️⃣ 웹 서버(Web Server)란?웹 서버는 정적 콘텐츠(HTML, CSS, JavaScript, 이미지, 동영상 등)를 제공하는 역할을 한다. 웹 브라우저에서 요청이 들어오면 웹 서버가 해당 파일을 찾아 클라이언트에게 반환하는 방식이다. ✅ 웹 서버의 주요 역할클라이언트(브라우저)에서 요청한 HTML, CSS, JS, 이미지 등의 파일 제공요청을 받아 적절한 정적 리소스를 응답하거나, 필요하면 앱 서버나 WAS로 전달🔥 대표적인 웹 서버Nginx: 높은 성능과 부하 분산 기능으로 유명함Apache HTTP.. 2025. 1. 30.
Three.js 와 React Three Fiber 이용해 3D 모델 웹사이트에 그리기 평화로운 어느 하루 Youtube를 뒤적거리다가 3D를 이용해 포토폴리오 웹사이트 제작하는 영상을 발견하였다.3D로 웹페이지를 만들 수 있다는게 흥미로워서 나도 모르게 영상을 클릭 하였고약 3일 만에 똑같이 만들수 있었다. 거의 3시간 짜리 영상이였는데 하루에 5시간씩 했는데도 3일이나 걸렸다. ㄷㄷ 일단 코드를 따라 쳐서 만들긴 했는데 이대로 끝내긴 아쉬우니까 내 포토폴리오를 만들어 보려고 한다.얼마전에 교수님이 내 포폴 보고 빠꾸 먹였는데 잘됐군..  이번엔 아주 멋있게 만들어서 교수님께 보여드려야 겠다. 들어가기에 앞서 웹페이지에 3D 물체를 그리기 위해선 Three.js를 사용한다고 한다. 이제부터 한번 알아보자 Three.js 란? 웹 브라우저에서 3차원 컴퓨터 그래픽스 애니메이션을 만들고 표현.. 2025. 1. 16.
npx npm 비슷하게 생겨서 뭐가 다른건데 개발을 진행하게 되면 npx npm을 많이 보게 된다.필자는 ReactNative로 개발하는걸 좋아하는데 그러다 보니 처음 세팅할때, 프로그램을 돌릴때, 다운받을때 항상 마주치곤 했는데그럴때마다 두개의 차이점이 너무 궁금해졌다. 그래서 이번 포스팅은 npx, npm에 대해 작성해보려한다.우선 npm(Node Package Mannager) 란?Node.js의 패키지 매니저로 전 세계의 오픈소스 라이브러리나 유틸을 설치하고 관리하게 해 준다.보통 패키지 설치(npm install), 실행(npm run), 업데이트 또는 제거에 사용한다.설치된 패키지는 로컬(node_modules)에 저장되며 또는 글로벌로도 설치가 가능하다. 그럼 npx(Node Package Executor) 는?npm에서 패키지를 실행.. 2025. 1. 10.

티스토리툴바