KUKJIN LEE
총 570개의 글
Figma Dev Mode 활용
개발자 모드 사용법 개발자들은 Chrome의 F12 버튼을 통해 개발자 모드를 활성화하여 웹페이지의 개발 내용을 검사합니다. Figma의 개발자 모드 역시 유사한 기능을 제공하여, 디자인과 코드가 어떻게 연결되는지 직접 확인할 수 있습니다. 선택 및 디테일 그룹화된 객...
Next.js에서 Metadata 크롤링 거부 방법
웹 크롤링은 데이터를 수집하고 분석하는 중요한 도구지만, 모든 웹사이트가 크롤링을 허용하는 것은 아닙니다. 특히 민감한 정보나 개인 데이터를 보호하기 위해 일부 웹사이트는 메타데이터에 대한 접근을 제한해야 할 필요가 있습니다. 메타데이터 크롤링은 웹페이지의 메타데이터,...
Github 리포지토리 변경하는 방법
현재 원격 저장소를 확인합니다. git remote -v 명령어를 입력하면 현재 연결 된 저장소를 확인할 수 있습니다. 원격 저장소 연결 끊기 git remote remove origin 일반적으로 origin 상태입니다. origin이 아닌 경우, origin이라는 ...
React 'use client'와 'use server'에 대해서 Canary
Next.js뿐 아니라, React 19 에서 도입된 서버 Component와 Client Component를 구분하기 위한 지시어입니다. 서버 또는 클라이언트에서만 실행되어야 하는 걸 명시적으로 알릴 수 있기 때문에, 성능 최적화와 명확한 코드 구조를 달성할 수 있습...
PostgreSQL에서 사용자 계정과 데이터베이스 생성하기
PostgreSQL은 강력하고 널리 사용되는 오픈 소스 관계형 데이터베이스 관리 시스템입니다. 데이터베이스를 효율적으로 관리하기 위해서는 적절한 사용자와 권한 설정이 필수적입니다. PostgreSQL에서 새로운 사용자와 데이터베이스를 생성하고, 사용자에게 권한을 부여하...
isComposing 속성을 이용하여 입력 중 상태 감지하기
키보드 입력은 웹과 앱 개발에서 흔히 볼 수 있는 사용자 상호작용 중 하나입니다. 사용자가 입력을 완료했는지 아니면 여전히 작성 중인지를 판단하는 것은 사용자 경험을 향상시키는 데 중요한 역할을 합니다. isComposing 속성을 활용하면 사용자의 입력 상태를 감지할...
Optional Chaining 가이드
Optional Chaining ?. 은 JavaScript에서 중첩된 객체의 프로퍼티에 안전하게 접근할 수 있게 해주는 연산자입니다. 이 기능을 사용하면, 프로퍼티가 존재하지 않을 때 에러를 방지하며 코드의 안정성을 높일 수 있습니다. Optional Chaining...
Figma Autolayout: 코딩의 Flex 개념을 가져온 유연한 레이아웃
Figma Autolayout은 코딩의 Flex 개념을 레이아웃 디자인에 효과적으로 적용하는 강력한 기능입니다. Flex는 Flexible(유연한)의 줄임말로, 요소들을 유연하게 배치하고 조절하는 개념을 의미합니다. 이 개념은 오토레이아웃에서도 중요한 역할을 합니다. ...
Figma에서의 "Space Between" 사용법
Figma에서 "Space Between"은 주로 자동 레이아웃 기능을 통해 사용됩니다. 이 기능은 여러 자식 요소들 사이에 공간을 자동으로 균일하게 배분하여 디자인의 일관성과 정돈된 레이아웃을 만드는 데 도움을 줍니다. 즉 Space Between 은 여러 자손 요소...
Java 일반적인 폴더 구조
src/ └── main/ └── java/ └── com/ └── example/ └── myproject/ ├── controller/ # HTTP 요청을 처리 ├── repository/ # 데이터베이스 접근 로직 ├── service/ # 비즈니스 로직 ├── ...
Figma Grid의 개념
Figma에서의 Grid는 세밀하고 체계적인 디자인 작업을 지원하는 도구 입니다. 이는 디자이너가 웹 또는 앱 인터페이스를 구축할 때 일관성과 정밀함을 유지할 수 있도록 돕습니다. 웹 디자인에서는 특히 컬럼 그리드 방식을 많이 사용하여, 정보와 요소들을 체계적으로 배열...
프로그래머스 문자열 묶기 JavaScript
문자열 배열 strArr 이 주어집니다. strArr 의 원소들을 길이가 같은 문자열들끼리 그룹으로 묶었을 때 가장 개수가 많은 그룹의 크기를 return 하는 solution 함수를 완성해 주세요. for...of를 통해 배열을 순회합니다. temp[length] =...