기술 블로그

컨테이너 생성 및 실행 터미널을 열고 다음 명령어를 입력하여 nginx 컨테이너를 생성하고 실행합니다 docker run --name my-nginx -p 8080:80 -d nginx --name my-nginx : 컨테이너 이름을 my-nginx 로 지정 -p 80...

GitHub에서 README.md란? README.md는 각 프로젝트를 소개하고, 사용법을 설명하며, 기여자들에게 가이드라인을 제공하는 파일입니다. README.md에 작성하면 좋은 내용 프로젝트 소개 프로젝트의 목적과 주요 기능을 간략히 설명합니다. 프로젝트의 배경과...

2024년 07월 16일 기준 게시글입니다. Eslint 9.x 버전에서 의존성 충돌이 발생하고 있습니다. ESLint 9.x 버전은 아직 정식 릴리즈가 아닙니다. 8.x 버전을 사용하세요. VSCode ESLint 확장과 프로젝트의 ESLint는 별개이며, 둘 다 필...

GitHub에는 크게 두 가지 유형의 레포지토리를 사용할 수 있습니다: 개인 레포지토리와 팀(또는 조직) 레포지토리. 이 두 유형은 각각 고유한 특징과 용도를 가지고 있습니다. 1. 소유권과 관리 개인 레포지토리 개인 사용자가 소유하고 관리합니다. 레포지토리 생성, 설...

Docker 이미지란? Docker 이미지는 애플리케이션과 그 애플리케이션을 실행하는 데 필요한 모든 것(코드, 런타임, 라이브러리, 환경 변수 및 구성 파일)을 포함하는 가볍고 독립적이며 실행 가능한 소프트웨어 패키지입니다. 이미지는 읽기 전용입니다. 컨테이너는 이미...

GitHub를 사용하면서 가장 기본이 되는 개념이 바로 'Commit'입니다. Commit이란? Commit은 Git에서 가장 기본적인 작업 단위로, 프로젝트의 '스냅샷'을 찍는 것과 같습니다. 변경사항의 기록: 파일이나 디렉토리의 변경사항을 Git 저장소에 기록합니다...

소프트웨어 개발에 있어서 효율적인 협업은 프로젝트의 성공을 좌우하는 핵심 요소입니다. 오늘날 많은 개발 팀들이 Git을 버전 관리 시스템으로 사용하고 있으며, 이를 위한 다양한 호스팅 서비스가 존재합니다. 그 중에서도 Bitbucket은 강력한 기능과 유연성으로 주목받...

GitHub를 많이 사용하지만, GitLab도 강력한 소스 코드 관리 도구입니다. GitHub과의 차이점 및 GitLab의 주요 기능을 살펴보겠습니다. GitLab이란? GitLab은 Git 저장소 관리, CI/CD 파이프라인 구축 등 개발 라이프사이클을 하나의 플랫폼...

Git과 GitHub의 차이점에 대해 명확하게 정리해보려고 합니다. 결론부터 말하자면, Git은 버전을 관리하는 도구, Github은 클라우드에서 Git 저장소를 호스팅하는 서비스입니다. Git이란? Local에서 동작하고 브랜치를 통한 효율적인 작업관리가 가능합니다....

※ 카테고리 이슈가 있지만, FrontEnd에 작성하겠습니다. Next.js를 사용하면 Client Component와 Server Component를 조합해서 프로젝트를 진행해야 합니다. 그럼 이 둘의 차이점은 무엇일지에 대해서 알아보겠습니다. Server Compo...

마이크로서비스는 애플리케이션을 느슨하게 결합된 독립적으로 배포 가능한 서비스들로 구성하는 아키텍처 스타일입니다. 각 서비스는 특정 비즈니스 기능에 초점을 맞추며 독립적으로 개발, 배포 및 확장될 수 있습니다. 주요 특성 분산화: 각 서비스는 자체 코드베이스와 데이터베이...

1. z-Index란 무엇인가? CSS에서 z-index 속성은 겹치는 요소들의 수직 스택 순서를 제어합니다. 높은 z-index 값을 가진 요소는 낮은 값을 가진 요소 위에 위치합니다. 스택 컨텍스트가 어떻게 형성되는지를 이해하는 것은 z-index 를 효과적으로 사...

Next.js에서 동적 라우팅을 사용하여 페이지를 생성할 때, params 객체를 적절하게 처리하는 것이 중요합니다. 특히 params 객체 내에 필요한 속성이 없는 경우, 함수 내부에서 해당 속성을 추출할 수 없게 됩니다. 문제 상황 동적 경로를 설정한 페이지에서 p...

웹 개발에서 서버 자원을 효율적으로 관리하는 것은 최적의 성능과 보안을 보장하는 데 매우 중요합니다. 이 중 하나가 서버 액션에서 처리하는 요청 바디의 크기를 제어하는 것입니다. 기본적으로 Next.js는 서버 액션에 대해 최대 요청 바디 크기를 1MB로 설정하여 과도...

Next.js 프로젝트를 개발하다 보면 종종 마주치는 오류 중 하나가 "The default export is not a React Component in page: [페이지 경로]" 입니다. 대부분 경로가 잘못됐기에 발생하는 오류가 경로 문제가 아니라면 간단하게 해결...

Next.js는 빠르고 효율적인 웹 애플리케이션을 만들 수 있는 React 기반의 프레임워크입니다. 그러나 Next.js를 사용하기 전에 몇 가지 기본적인 지식을 알고 있으면 훨씬 수월하게 시작할 수 있습니다. 1. JavaScript 기본기 다지기 Next.js는 J...

문제설명 정수가 담긴 배열 numbers와 문자열 direction이 매개변수로 주어집니다. 배열 numbers의 원소를 direction방향으로 한 칸씩 회전시킨 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 3 <= numbers 의 길이 ...

Cloudflare는 웹사이트의 속도와 보안을 최적화하는 서비스입니다 요약 Cloudflare는 웹사이트의 속도를 빠르게 하고 보안을 강화하는 데 도움을 주는 서비스입니다. 주로 CDN을 통해 전 세계적으로 콘텐츠를 빠르게 전달하고, DDoS 방어와 웹 애플리케이션 방...

ES6 모듈과 CommonJS는 가장 널리 사용되는 두 가지 모듈 시스템입니다. 결론부터 얘기하자면.. 브라우저와 서버를 모두 지원하는 ES6 모듈을 사용하는 것이 좋습니다. Node.js, Express.js 환경에서는 CommonJS가 기본이지만 프로젝트 요구 사항...

결론만 얘기하면.. 로컬 환경 : 개발 및 테스트 목적에 적합합니다. PC가 꺼지면 서버도 중지됩니다. 서버 환경 (예: AWS EC2) : 지속적이고 안정적인 운영을 위해 적합합니다. 서버가 계속 실행되므로 애플리케이션도 지속적으로 제공됩니다. 클라우드 환경 (예: ...