KUKJIN LEE
총 570개의 글
Branch란? Master, Develop, Feature 브랜치로 깔끔한 워크플로우 만들기
Branch란? Branch(브랜치)는 버전 관리 시스템인 Git에서 독립적으로 작업을 진행할 수 있게 해주는 기능입니다. 이를 통해 개발자들은 메인 코드베이스를 건드리지 않고 새로운 기능을 개발하거나 버그를 수정할 수 있습니다. 주요 브랜치 유형 1. Master 브...
Docker 컨테이너 로그 확인 및 모니터링
컨테이너 관리를 위해서 로그 확인과 모니터링은 필수입니다. Docker 로그 확인 방법 1. docker logs 명령어 사용 Docker는 기본적으로 컨테이너의 표준 출력(stdout) 및 표준 에러(stderr) 스트림을 로그로 수집합니다. docker logs 명...
도메인 변경에 따른 리다이렉트 설정 가이드
Next.js 프로젝트에서 특정 URL 경로가 다른 도메인으로 변경되었을 때 사용자를 자동으로 새 도메인으로 리다이렉트시키는 방법에 대한 설명글입니다. 제거된 경로를 리다이렉트 시키는 것은 사용자 경험 향상에 도움이 됩니다. 1. 서버 리다이렉트 설정 서버 측에서 리다...
VSCode 일괄 수정 방법: 프로젝트 코드를 로 한 번에 바꾸기
※ 이 글은 주로 Extension 카테고리에 작성되었지만, VSCode의 자체 기능이지, Extension이 아닙니다. 1. 검색 및 바꾸기 패널 열기 먼저, VS Code에서 검색 및 바꾸기 패널을 열어야 합니다. Windows/Linux : Ctrl + Shift...
GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드
GitHub Actions와 Vercel을 사용하여 매주 수요일 오전 10시(한국 시간)에 프로젝트를 자동으로 재배포하는 방법을 설명합니다. 프로젝트 구조 .github가 맞습니다. your-project/ ├── .github/ │ └── workflows/ │ └─...
Next.js Routing이란? 페이지 네비게이션 가이드!
※ Next.js는 React 기반의 프레임워크로, 프론트엔드와 백엔드 기능을 모두 갖추고 있습니다. Next.js의 라우팅과 관련된 주제는 주로 프론트엔드와 관련이 있지만, 백엔드와의 상호작용도 고려할 수 있습니다. Next.js 14에서의 Routing 개요 Nex...
[Docker Desktop] Docker 컨테이너 생성, 실행, 중지, 삭제하기!
컨테이너 생성 및 실행 (Desktop) Docker Desktop을 실행하고, 왼쪽 메뉴에서 "Images"를 클릭합니다. 상단 검색창에 nginx 를 입력하고 검색합니다. 검색 결과에서 nginx 이미지를 선택하고 "Pull" 버튼을 클릭하여 이미지를 다운로드합니다...
게슈탈트 이론으로 UI/UX 디자인 최적화하기
웹 개발과 디자인의 세계에서는 사용자의 경험을 향상시키는 것이 가장 중요합니다. 이를 위해 게슈탈트 이론은 매우 유용한 도구가 될 수 있습니다. 게슈탈트 이론의 주요 원칙을 살펴보고, 이를 웹 디자인에 어떻게 적용할 수 있는지에 대해 알아보겠습니다. 이러한 원칙들을 이...
[Docker CLI] 컨테이너 생성, 실행, 중지, 삭제하기
컨테이너 생성 및 실행 터미널을 열고 다음 명령어를 입력하여 nginx 컨테이너를 생성하고 실행합니다 docker run --name my-nginx -p 8080:80 -d nginx --name my-nginx : 컨테이너 이름을 my-nginx 로 지정 -p 80...
GitHub에서 README.md란 무엇인가? 작성 가이드
GitHub에서 README.md란? README.md는 각 프로젝트를 소개하고, 사용법을 설명하며, 기여자들에게 가이드라인을 제공하는 파일입니다. README.md에 작성하면 좋은 내용 프로젝트 소개 프로젝트의 목적과 주요 기능을 간략히 설명합니다. 프로젝트의 배경과...
[NPM Error] ESLint 설정 문제 해결 가이드
2024년 07월 16일 기준 게시글입니다. Eslint 9.x 버전에서 의존성 충돌이 발생하고 있습니다. ESLint 9.x 버전은 아직 정식 릴리즈가 아닙니다. 8.x 버전을 사용하세요. VSCode ESLint 확장과 프로젝트의 ESLint는 별개이며, 둘 다 필...
GitHub 개인 레포 vs 팀 레포 차이점
GitHub에는 크게 두 가지 유형의 레포지토리를 사용할 수 있습니다: 개인 레포지토리와 팀(또는 조직) 레포지토리. 이 두 유형은 각각 고유한 특징과 용도를 가지고 있습니다. 1. 소유권과 관리 개인 레포지토리 개인 사용자가 소유하고 관리합니다. 레포지토리 생성, 설...