🍒 Chae-ri Dev 🍒

nginx 관련해서 들어가기 전에 먼저 웹 서버에 대해 간단히 정리하면서 시작해보겠다.웹 서버 웹 서버란 하드웨어와 소프트웨어 측면으로 나누어서 볼 수 있다.하드웨어웹 서버는 웹 서버의 소프트웨어와 website의 컴포넌트 파일들을 저장하는 컴퓨터컴포넌트 파일에는 HTML 문서, images, CSS stylesheets, 그리고 JavaScript 파일들이 있다.웹 서버는 인터넷에 연결되어 웹이 연결된 다른 기기들이 웹 서버의 데이터를 주고 받을 수 있도록 한다.소프트웨어기본적으로 웹 사용자가 어떻게 호스트 파일들에 접근하는지를 관리HTTP 프로토콜을 사용하여 클라이언트의 요청 처리 및 응답대표적으로 Apache와 Nginx가 있다. nginx nginx는 대표적인 상용 웹 서버 중 하나로, 클라이언트..

코드를 이쁘게 포맷팅해주는 prettier에 관련된 포스트이다.{ "trailingComma": "es5", "printWidth": 100, "semi": true, "singleQuote": true, "tabWidth": 2, "arrowParens": "always", "endOfLine": "auto"} 나는 위 옵션을 자주 사용한다. 위 옵션들을 포함한 그 외 옵션들에 관해서는 다음과 같다.{ "arrowParens": "always", // 화살표 함수의 매개변수가 하나일 때 괄호를 사용할지 여부 "bracketSpacing": true, // 객체 리터럴에서 중괄호 내부에 공백 삽입할지 여부 "endOfLine": "auto", // EoF 방식, OS별로 처리 방식이 ..

module.exports = { root: true, env: { browser: true, es2020: true }, parser: '@typescript-eslint/parser', ignorePatterns: ['dist', '.eslintrc.cjs'], plugins: ['react-refresh', 'react-hooks', 'import', 'react', 'prettier'], extends: [ 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:import/recommended', 'prettier', ], ..

패키지 매니저란?소프트웨어 개발 과정에서 라이브러리나 프레임워크, 모듈, 플러그인과 같은 외부 패키지의 관리는 필수적이다. 이러한 패키지를 다루는 작업을 편리하고 안전하게 수행하기 위해 사용되는 툴을 패키지 매니저라고 한다.패키지 매니저는 패키지 설치, 업데이트, 수정, 삭제 등을 쉽게 작업할 수 있게 해준다. 예를 들어 JavaScript나 TypeScript에서 require나 import를 사용해서 외부 의존성을 참조하는데 올바르게 참조해줄 수 있도록 보장해준다. 패키지 매니저의 기본적인 기능- 버전 관리- 모든 dependencies 일괄 설치 또는 업데이트dependencies 추가, 업데이트, 삭제- 스크립트 실행- 패키지 퍼블리쉬- 보안 검사 등 패키지 매니저는 위와 같은 기본적인 기능을 제..