본문으로 건너뛰기

블로그 콘텐츠를 불러오는 중입니다.

KUKJIN LEE의 글 | GG FACTORY

홈
블로그
작성자
KUKJIN LEE

작성자 목록

Author

KUKJIN LEE

총 617개의 글

기술#tailwind 컬럼#tailwind grid#tailwind grid 비율

Tailwind CSS로 손쉽게 컬럼 레이아웃 만들기

Tailwind CSS를 도입하고, 컬럼 레이아웃을 구성하는 실전 예제를 통해 유용한 팁과 노하우를 공유하겠습니다. 기본 컬럼 레이아웃 만들기 Tailwind CSS를 사용하여 기본적인 컬럼 레이아웃을 만드는 방법을 알아보겠습니다. 예를 들어, 3개의 컬럼을 수평으로 ...

2024년 6월 17일311

기술#figma prototype#figma prototype onclick#figma prototype animation

Figma에서 버튼 클릭으로 페이지 및 섹션 이동 설정하는 방법

이전 1...38 39 40 41 42...52 다음

Figma에서 버튼을 클릭하여 페이지 간 이동하거나 페이지 내 특정 섹션으로 스크롤하는 방법을 알아보겠습니다. 1. 페이지 간 이동 설정 버튼 선택 : 페이지 또는 섹션으로 이동시키고 싶은 버튼을 선택합니다. 프로토타이핑 모드로 전환 : 오른쪽 상단의 Prototype...

2024년 6월 14일4415

기술#서버리스 컴퓨팅#서버리스 컴퓨팅 사례#서버리스 장단점

서버리스 컴퓨팅의 이해와 활용

1. 서버리스 컴퓨팅이란? 서버리스 컴퓨팅(Serverless Computing)은 개발자가 서버 인프라를 관리하지 않고도 애플리케이션을 개발, 배포할 수 있도록 하는 클라우드 서비스 모델입니다. 서버리스 환경에서는 클라우드 제공업체가 자동으로 서버 자원을 할당하고 관...

2024년 6월 14일231

기술#마이크로서비스 아키텍처#마이크로서비스 아키텍처 장단점#마이크로서비스 아키텍처 구축 가이드

마이크로서비스 아키텍처 이해: 대규모 시스템의 효율적인 관리 방법

1. 마이크로서비스 아키텍처란 무엇인가? 마이크로서비스 아키텍처(Microservices Architecture)는 애플리케이션을 작은 독립된 서비스들로 분리하여 각각의 서비스가 고유한 기능을 수행하도록 하는 아키텍처 스타일입니다. 각 서비스는 독립적으로 배포되고, 다...

2024년 6월 13일141

기술#tailwind Container#tailwind Container width#tailwind width

Tailwind CSS: Container 유틸리티 사용 가이드

Container 유틸리티 기본 개념 container 클래스는 Tailwind CSS에서 제공하는 유틸리티 중 하나로, 콘텐츠를 특정 너비 내에 정렬하고 중앙에 배치하는 역할을 합니다. 기본적으로 container 클래스는 반응형 너비를 가지며, Tailwind CS...

2024년 6월 13일429

기술#next js jwt#next js jwt 로그인#next.js 토큰 저장

Next.js JWT를 이용한 인증 구현하기

먼저 필요한 패키지를 설치합니다. npm install jsonwebtoken bcryptjs JWT와 bcrypt를 이용한 API 작성 app/api/auth/register.js import bcrypt from 'bcryptjs'; import jwt from '...

2024년 6월 12일208

기술#tailwind aspect ratio#css aspect-ratio#aspect ratio

Tailwind CSS: Aspect Ratio 유틸리티 사용 가이드

Aspect Ratio 유틸리티 기본 개념 Aspect Ratio 유틸리티는 특정 비율을 유지하면서 요소의 크기를 조정할 수 있도록 합니다. 이는 주로 이미지, 비디오, 또는 기타 임베드된 콘텐츠에서 유용하게 사용됩니다. 기본 Aspect Ratio 클래스 Tailwi...

2024년 6월 12일329

기술#RESTful API#RESTful API 사용 예제#REST API

효율적인 RESTful API 설계와 구현 가이드

RESTful API는 현대 웹 개발의 중요한 요소입니다. 효율적으로 설계된 RESTful API는 애플리케이션의 확장성과 유지보수성을 크게 향상시킵니다. 1. RESTful API란? REST(Representational State Transfer)는 웹의 설계 원...

2024년 6월 11일180

기술#tailwind 반응형#tailwind 반응형 커스텀#tailwind 반응형 헤더

Tailwind CSS: 반응형 디자인 가이드

반응형 디자인 기본 개념 Tailwind CSS는 미디어 쿼리를 처리하기 위해 여러 반응형 유틸리티 클래스를 제공합니다. 각 클래스는 특정 브레이크포인트에서만 적용됩니다. Tailwind CSS에서 사용되는 기본 브레이크포인트는 아래와 같습니다. sm (작은 화면): ...

2024년 6월 10일312

기술#tailwind hover#tailwind hover transition#Tailwind hover:scale

Tailwind CSS: Hover 가이드

기본적인 Hover 클래스 적용 Tailwind CSS에서 hover 효과를 적용하는 방법은 매우 간단합니다. 클래스 이름 앞에 hover: 접두사를 추가하면 됩니다.

2024년 6월 9일169

기술#http https#http https 차이#HTTP HTTPS 속도 차이

HTTP vs HTTPS 개발자가 알아야 할 필수 개념

웹 개발을 하다 보면 HTTP와 HTTPS의 차이를 이해하는 것은 매우 중요합니다. 왜 HTTPS를 사용해야 하는지 설명드리겠습니다. HTTP와 HTTPS의 기본 개념 HTTP (HyperText Transfer Protocol)는 웹 브라우저와 웹 서버 간에 데이터를...

2024년 6월 9일144

기술#cmd 명령어#자주쓰는 cmd 명령어#cmd 명령어 뒤로가기

개발자가 반드시 알아야 할 CMD 명령어들

개발자라면 효율적인 작업을 위해 꼭 알아야 하는 CMD 명령어들을 소개합니다. 꿀팁 cd 명령어 입력 후 파일명이 Documents라고 가정했을 때, Doc 까지 입력하고 Tab 키를 누르면 Doc으로 시작하는 폴더들이 나열됩니다. Tab 키를 계속 누르면 해당 폴더들...

2024년 6월 5일148