KUKJIN LEE
총 570개의 글
Github Repository 연결 끊기
현재 로컬 저장소(local repository)에 연결되어 있는 Github 원격 저장소(remote repository) 연결을 끊는 방법에 대해서 설명드리겠습니다. 연결 확인 먼저 현재 연결되어 있는 remote repository를 확인합니다. git remot...
Github Repository 연결하기
Github 연결을 끊었다면 다시 연결하는 과정을 진행해야 합니다. Github Repository 생성 기존 연결 된 Github Repository 연결을 제거했다면, 새로운 Repository를 생성해야 합니다. Github 접속 New 클릭 후 새로운 Repos...
GitHub 명령어 간단 가이드
GitHub와 Git은 현대 소프트웨어 개발에서 중요한 역할을 하는 도구 중 하나입니다. 이 가이드는 초보 개발자를 대상으로 GitHub와 Git의 주요 명령어를 간략하게 설명합니다. 아래에서는 Git의 주요 명령어 중 몇 가지를 자세히 설명하겠습니다. git init...
GitHub Branch 생성하기 (git checkout -b)
Git은 협업하거나 프로젝트를 관리할 때 중요한 역할을 하는 버전 관리 시스템입니다. Git을 사용하면 여러 개의 브랜치를 생성하고, 각 브랜치에서 작업한 내용을 효과적으로 관리할 수 있습니다. 이번 블로그 글에서는 Git에서 브랜치를 생성하고 관리하는 방법에 대해 알...
Next.js에서 Metadata 관리
기본적인 Metadata 사용 방법 검색 엔진 최적화(SEO)와 사용자 경험을 향상 시키는 데 중요합니다. 태그 내의 Metadata를 설정하는 것으로, 동적 데이터에 따라 Metadata를 변경할 수도 있다. 기본 설정 외 Metadata Setting ...
metadata와 Next-SEO를 동시에 사용할 필요가 있을까?
Next-SEO 도입은 pages directory를 사용하는 경우에 한합니다. app directory를 사용하는 경우에는 내장된 metadata를 사용하는 것이 SEO에 효과적입니다. pages directory를 사용하는 경우에는 아래를 참고해주세요. next-s...
Express.js와 Sequelize를 활용한 서버, 데이터베이스 구축
Express.js에서 Sequelize를 사용하는 기본 절차와 설정 방법, Sequelize를 활용한 데이터베이스 연결, Sequelize 구성 파일 생성, 모델 정의 및 연결에 관한 글입니다. Sequelize 설치 Express 애플리케이션에서 Sequelize를...
Node.js, Express.js 에서 CORS 이해와 설정 방법
CORS(Cross-Origin Resource Sharing)는 웹 페이지가 다른 도메인의 리소스를 요청하는 것을 가능하게 하는 웹 보안 표준입니다. 웹 브라우저는 기본적으로 보안 상 Same-Origin Policy를 따르기 때문에, 현재 웹 페이지와 다른 출처에서...
AWS S3 이미지 캐시 설정
AWS S3를 사용하여 이미지 캐시를 설정하는 방법에 대해 설명합니다. 이미지 캐시를 설정하면 웹 애플리케이션의 이미지 로딩 및 성능을 최적화할 수 있습니다. S3 버킷 생성 및 이미지 업로드 AWS S3 콘솔에서 새로운 버킷을 생성하고 이미지를 업로드합니다. AWS ...
Next.js에 대해서 알아보기
안녕하세요, 오늘은 FrontEnd Framework: Next JS 13에 대해 알아보도록 하겠습니다. 현재는 14 버전까지 출시됐습니다. 하지만 13버전을 설명드리는 이유는 12버전에서 13버전으로 변경될 때 많은 변화가 있었기 때문에 13버전을 우선적으로 설명드리...
FrontEnd Styling: Tailwind CSS 사용해보기
Tailwind CSS는 클래스 기반의 유틸리티(utility) CSS 프레임워크로, HTML 요소에 직접 적용되는 클래스들을 제공합니다. 각 클래스는 개별적인 스타일을 담당하며, 이러한 유틸리티 클래스들을 조합하여 레이아웃, 텍스트 스타일링, 반응형 디자인, 그리드 ...
Node.js, Express.js Middleware의 이해와 활용
미들웨어(Middleware)는 Express.js에서 매우 중요한 개념입니다. 미들웨어는 요청(request)과 응답(response) 사이에 위치하여 요청을 처리하고 응답을 생성하는 함수입니다. Express.js 애플리케이션에서 미들웨어는 요청에 대한 처리 과정을...