전체 글
-
실행 컨텍스트🍌 자바스크립트 2025. 9. 22. 22:29
🔍 실행 컨텍스트📖 코드가 실행되는 환경을 구성 🎯 역할식별자를 관리하는 스코프를 관리렉시컬 환경을 이용실행 순서를 관리하고 실행 순서를 보장실행 컨텍스트 스택을 이용실행컨텍스트는 언제 생성되는지 알기 위해서는 소스 코드의 종류를 알아야 합니다. 😶 4가지 타입의 소스코드와 이에 따라 생성되는 실행 컨텍스트전역 코드전역 실행 컨텍스트함수 코드함수 실행 컨텍스트eval 코드eval 실행 컨텍스트모듈 코드모듈 실행 컨텍스트 💡 실행 컨텍스트 생성 1️⃣ 작성한 소스코드는 자바스크립트 엔진의 생성 과정을 통해 실행 컨텍스트를 생성변수 선언, 함수 선언등을 위한 메모리 공간이 해당 컨텍스트 내에서 설정생성단계에서 호이스팅 발생 2️⃣ 자바스크립트 엔진의 실행 과정을 통해서 결과를 도출실행 컨텍스트가 ..
-
웹 서버와 WAS💻 computer science/🌐 network 2025. 9. 17. 16:29
📌 정적 웹 페이지와 동적 웹 페이지 🔍 정적 웹 페이지웹 서버에 이미 저장된 정적 자원(HTML, CSS, Javascript, 이미지 파일 등)을 클라이언트에게 전송서버가 웹 페이지 요청을 받으면 추가 과정없이 응답을 전송저장된 데이터를 변경할 때까지 페이지가 동일하게 유지 🔍 동적 웹 페이지서버에 저장된 HTML 파일이 그대로 브라우저에 나오는 것이 아닌 동적으로 만들어지는 웹 페이지데이터를 가공해 사용자에게 맞춤형으로 화면을 보여주어 데이터베이스와 웹 애플리케이션 서버가 필요클라이언트에서 요청을 보내면 웹 애플리케이션 서버에서 데이터베이스를 조회하거나 외부 서버에서 데이터를 읽어 HTML을 렌더링 🔖 정리구분정적 웹 (Static Web)동적 웹 (Dynamic Web)내용미리 완성된 HT..
-
🧑🏻💻 구글 엔지니어는 이렇게 일한다 (3) - 지식공유📕 book/🧑🏻💻 구글 엔지니어는 이렇게 일한다 2025. 9. 17. 00:30
🚀 3. 지식공유가장 중요한 사실은 조직에 배움의 문화가 자리 잡혀야 한다는 것이고 그러려면 사람들에게 모르는 걸 인정할 수 있도록 돕는 심리적 안전을 제공해야 합니다.📖 3.1 배움을 가로막는 장애물조직 전체에 전문성을 공유하기는 결코 쉬운 일이 아니라 배움의 문화가 견고하게 뒷받침하지 못하면 여러가지 문제에 부딪히게 됩니다. 1️⃣ 심리적 안전 부족불이익이 두려워서 스스로 위험을 감수하거나 실수를 드러내기 꺼리는 환경이 현상은 두려움이 팽배한 문화 혹은 꼭꼭 숨기려는 경향으로 나타나곤 함 2️⃣ 정보 섬조직의 각 부서가 서로 소통하거나 자원을 공유하지 않아서 지식이 파편화됩니다.이런 환경에서는 일하는 방식을 각각의 부서가 제각기 만들어나가서 여러 현상이 나타남정보 파편화정보 중복정보 왜곡 3️⃣ ..
-
Logging LibraryNode.js 2025. 9. 16. 23:02
👍 Logging의 이점1️⃣ 디버깅 및 문제해결에 도움로그는 애플리케이션의 상태, 동작에 대한 자세한 정보를 제공해 문제를 더 쉽게 식별하고 해결하는데 도움을 줍니다. 2️⃣ 성능 모니터링응답시간, 리소스 활용도 등의 성능 측정 항목을 추적하는데 도움을 주어 개발자가 애플리케이션을 최적화할 수 있습니다. 3️⃣ 보안 모니터링로그를 사용해 잘못된 요청이나 데이터에 무단으로 엑세스 시도하는 보안관련 이벤트를 모니터링할 수 있습니다. 4️⃣ 운영시 정보 수집사용자 행동 및 시스템 상태 등에 대한 정보를 수집해서 이용할 수 있습니다.pageview 등 ✅ Node.js 로깅의 Best PracticesNode.js에서 로깅을 할 때 따르면 좋을 best practices를 알아보려고 합니다. 1️⃣ 안정된 ..
-
Typescript 컴파일러 옵션🆎 타입스크립트 2025. 9. 16. 22:56
🔍 타입스크립트 컴파일러 옵션타입스크립트의 컴파일과정에서는 작성한 코드에 타입 오류가 없는지 검사하고 오류가 없다면 자바스크립트 코드로 변환합니다.이 컴파일 과정의 세부적인 사항들을 컴파일 옵션이라고 하고 개발자가 직접 설정하여 각자 원하는 방향으로 컴파일 옵션을 설정할 수 있습니다.얼마나 엄격히 타입 오류를 검사할 것인지?컴파일 결과로 생성되는 자바스크립트 코드의 버전은 어떻게 할 것인지?etc.. 이런 컴파일 옵션을 작성한 내용은 tsconfing.json에 작성하게 되고 이 파일은 타입스크립트 프로젝트의 root에 존재합니다. tsconfig.json에서 옵션들을 미리 정의해 놓으면 컴파일 할때 명령어에 일일히 대상 파일이나 옵션을 지정하지 않아도 되어 tsc, tsx 같은 명령어를 그냥 실행하면..
-
Node.js 환경에서 타입스크립트 설치하기🆎 타입스크립트 2025. 9. 16. 22:49
이번에 Typescript를 처음 사용해보면서 Node.js 환경에서 Typescript를 설치하고 이를 실행해보는 과정을 정리하고자 합니다.📌 타입스크립트 컴파일러 설치타입스크립트는 컴파일러에 의해서 자바스크립트로 변환한 다음에 실행합니다.컴파일 하기 위해 타입스크립트 패키지를 설치해줍니다. npm install -g typescript 위 명령어를 실행하면 node_modules 폴더에tsc, tsserver 가 설치된 것을 확인할 수 있습니다. 📌 @types/node 설치하기npm install @types/node @types/node는 Node.js API(내장 모듈, 예: fs, path, http 등)에 대한 TypeScript 타입 정의 패키지입니다. 타입스크립트 코드는 코드 실행 ..
-
📖 타입스크립트 개요🆎 타입스크립트 2025. 9. 16. 22:40
🔎 타입스크립트란?TypeScript는 Microsoft에서 개발한 JavaScript를 확장해 만든 언어입니다.정적 타입 검사를 지원하여 코드 실행 전 오류를 미리 발견할 수 있습니다.최신 ECMAScript 표준(ES6+) 기능도 지원하며 기존 JavaScript 코드와 완전 호환됩니다.타입스크립트 코드는 반드시 컴파일러가 JavaScript로 변환(트랜스파일)되어 실행됩니다.TypeScript= JavaScript + Type 문법JavaScript Superset 빠른 사용을 위해 설계되었으며 어플리케이션들을 작성하기 위해 JavaScript를 사용하지만 모든 언어는 이상한 점과 놀랄만한 점이 있으며 JavaScript 도 역시 많은 문제가 있습니다. 🤔 왜 타입스크립트를 사용? ⚠️ 자바..
-
모듈 프로그래밍의 역사와 ESM🍌 자바스크립트 2025. 9. 13. 17:35
🔍 모듈(Module)?프로젝트 규모가 커지면서 Javascript 코드를 여러 파일과 폴더에 나누고 서로가 불러와 사용할 수 있도록 해주는 시스템의 필요성이 커졌습니다.JavaScript에서는 각 파일을 서로 다른 모듈로 생각해 각 모듈에서 변수나 함수를 공유하기 위해 이를 내보내고 불러올 수 있어야 합니다.사용하고 있는 모듈 시스템과 사용하려는 모듈이 어떤 시스템을 따르고 있는지에 따라 사용 방식이 달라집니다. 👍 모듈 장점1️⃣ 유지보수 용이모듈화가 잘 되어 있다면 의존성을 줄여 기능 개선이나 수정에 용이 2️⃣ 네임스페이스화전역스코프에 존재하는 변수명이 겹치는 경우가 있을 수 있다.모듈로 분리하면 모듈만의 네임스페이스를 가지기 때문에 이런 문제를 해결할 수 있습니다. 3️⃣ 재사용성같은 코드를..