| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
- 레디스 확인
- 문자열순서바꾸기
- 깃 토큰 만료
- js 문자열을 문자배열로
- 문자열 중복
- 중복문자제거
- 우분투 시간 변경
- 5.3.8 Modifying Queries
- 시퀄 문법
- 프론트엔드 스쿨
- 배엘에서 스왑
- indexOf()
- 아래로펼치기
- 중복된 단어
- @Moditying @Query
- 중첩배열평탄화
- 제로베이스
- 스프링 데이타 JPA
- ubuntu타임존
- 재귀스왑
- 중복 문자열
- ...점점점문법
- 중복단어제거
- lastIndexOf()
- sql 문자열 패턴 검색
- 중첩배열
- 단어 제거
- 객체의키값만 찾기
- 객체의 밸류값만 찾기
- 코딩 어?
- Today
- Total
목록2025/06/20 (2)
코딩기록
색상에 따라 텍스트 배경 바꾸기
아래 코드에서 getTextColor(color: string) 함수는 주어진 color가 밝은 색인지 어두운 색인지 판단해서 텍스트 색상을 흰색(white) 또는 검정(black)으로 자동 결정해주는 함수.✅ 1단계: 준비 (초기값 및 색상 테이블 정의)let r = 0, g = 0, b = 0;const lowerColor = color.toLowerCase();입력값 color를 소문자로 바꿔서 처리 (대소문자 구분 없이 일치 확인하기 위해).RGB 기본값은 (0, 0, 0)으로 초기화.✅ 2단계: named color 처리if (namedColors[lowerColor]) { [r, g, b] = namedColors[lowerColor];}namedColors는 CSS에서 쓰는 "blue", ..
Next.js에서 폴더명에 [](대괄호)를 쓰는 건 **동적 라우팅(Dynamic Routing)**을 의미.즉, 주소의 특정 부분을 변수처럼 처리하고 싶을 때 사용하는 방식이다. ✅ 예: [id] 폴더의 의미src/app/items/[id]/page.tsx이 구조는 /items/무언가 형태의 URL을 모두 이 페이지로 연결하겠다는 뜻이다.예를 들어:주소 처리되는 값 (id)/items/check1"check1"/items/some-product"some-product"/items/123"123"이때 이 id 값은 useParams() 또는 PageProps를 통해 접근할 수 있다.✅ 어떻게 동작하나요?1. URL 접속브라우저에서 /items/check1에 접속2. [id]/page.tsx 실행Next...