[ TIL ] Day 36 - Javascript와 친구들👥 node.js / express.js / npm 등등

🗓️ 수업 일자 : 2025.11.14

✨ 오늘의 수업 평가 :  [ PROJECT ]  ✨🙌 작은 성취, 큰 기쁨 ✨🙌

 

개인 / 팀 프로젝트를 연달아 쉴 틈 없이 작업하다보니 

이리저리 많이 막히고, 그 때 마다 스트레스 엄청 받아서 컨디션도 엉망 진창..

사실 요 며칠은 물 먹은 스펀지처럼 누가 툭 건들면 눈물 줄줄 흘리는 신세였다 😭ㅎㅎ 

 

그래서 어제 오후에 용기내서 멘토님이랑 이야기 나누고,

저녁 멘토링 시간에는 팀원들과 툭 까놓고(?) 이야기 하고 나니 속이 후련해서 그런가 

오늘은 그래도 팀원들과 작업하는게 조금은 편해진 하루였다~ 

 

진즉 "이게 왜 안되는지 모르겠다, 기본 개념이 이해 안간다" 더 어필 해 볼걸 하는 생각도 조금 든다!

 

그래도 좋은 팀원들 덕분에 진짜 정말 너무 많이 배워서 가는 팀작업인것 같다🌱👍

다음주가 마지막인데, 마무리 잘 해서 좋은 인연으로 남았으면 좋겠다 😉

 

 

👩‍💻 [개인 / 팀 프로젝트] 오늘 작업 내용 💻
- 팀 프로젝트 작업 : PR 코멘트 확인 후 추가 작업 진행

 

 

 

📝  오늘 배운 내용  

- Javascript / node.js / express.js / npm & modules

- 자바스크립트의 도구들 🛠️ 

 

---

1. Javascript / node.js / express.js / npm & modules

1) Javascript 

 - 초기에는 브라우저에서 즉시 실행되는 스크립트 언어로 시작

 - 확장성이 높은 언어로, 최근 웹 뿐만 아니라 프로그램 개발에도 사용되고 있음

 

2) node.js 

 - Chrome V8 엔진 기반으로 만들어진 런타임 환경으로, JavaScript를 브라우저 밖에서 실행할 수 있게 해주는 환경을 구축

 

3) express.js 

 - 웹 서버 구축을 위한 Node.js 프레임워크

 

4) npm & modules 

 - npm : Node.js 개발 환경에서 사용 가능한 여러 모듈(프레임워크/라이브러리)을 저장/배포하는 레지스트리 & 패키지 관리자.

 - modules : npm에서는 프레임 워크 / 라이브러리를 통칭하여 부르는 말로, 기본적으로는 파일 단위의 코드 조직화 시스템을 의미 

 

 

+ 추가 Javascript 같은 "스크립트 언어"가 왜 필요했는가?

 

정적 HTML의 한계 : 문서형 HTML과 꾸밈용 CSS 두 가지 언어는 모두 정적 언어(한번 불러오면 더 이상 변동이 없음)

 

 ⇒ 따라서 "동적 상호작용"이 가능한 언어가 필요 했으며, 웹사이트 특성상 1) 사용자의 반응에 바로 반응해야 하고, 2) 별도의 설치 없이 브라우저만으로 모든 사용자가 사용 가능해야 하며, 3) 무거운 컴파일은 불필요한 상황이기 때문에 Javascript라는 언어가 생기게 되었다.

이 언어를 통해 시각적 효과(애니메이션, 모션 효과)를 넣어 풍성한 웹 사이트를 만들 수 있게 되었으며, 일반 사용자가 작성한 데이터에 대해 검증 및 전송, 데이터 변경 등이 가능해 졌다. 

자바스크립트 로고

 

 

2. 자바스크립트의 도구들 🛠️ 

• 언어 : JavaScript, TypeScript(자바스크립트에 타입이 적용된 확장 언어)
• 런타임 환경 (코드가 실행되는 환경 / 플랫폼) : Node.js
• 프레임워크 
  • 프론트엔드 : Vue.js, Angular,
  • 백엔드 : Express.js, Nest.js(Typescript 기반)
  • 풀스택 : Next.js
• 라이브러리 
  • 프론트엔드 : React.js (놀랍게도 라이브러리로 정의)

자바스크립트와 도구들 (더 많겠지만 많이 쓰는 것 위주로 정리)

 

---

 

📃 내일은 뭘 배울까 🤔

- 다시 Git & GitHub