| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- es6
- 0.25px border
- 으
- jwt
- 0.75px border
- 컴포넌튼
- &연산
- github
- entity
- 당근마켓
- 서버리스 #
- Strict
- 10px
- ES5
- literal
- 0.5px border
- font-size
- TS
- 클론코딩
- TypeScript
- Props
- 문서번호
- 전역변수
- ZOOM
- 1px border
- angular
- Websocket
- 타입스크립트
- npm
- 데이터베이스 #try #이중
- Today
- Total
목록전체 글 (166)
복잡한뇌구조마냥
✅ String (불변 객체)메서드설명charAt(int index)특정 위치 문자 반환substring(int begin, int end)부분 문자열 추출indexOf(String s)부분 문자열 인덱스contains(CharSequence s)포함 여부equals(Object o)문자열 동일 여부startsWith(String prefix) / endsWith(String suffix)접두사/접미사 여부replace(old, new) / replaceAll(regex, new)문자열 치환split(String regex)문자열 분할toCharArray()문자 배열로 변환trim()앞뒤 공백 제거toLowerCase() / toUpperCase()소문자/대문자 변환✅ ArrayList (동적 배열)메서..
📌 개요지난 글에서는 Supabase에 댓글 테이블을 만들고 인증 유저와의 외래 키도 연결해보았습니다.이번 글에서는 Next.js에서 Supabase를 연동해 데이터 정보를 조회하는 방법을 소개합니다.1️⃣ Supabase JS SDK 설치npm install @supabase/supabase-js2️⃣ 환경 변수 설정 (.env.local)// .env.localNEXT_PUBLIC_SUPABASE_URL=https://your-project-id.supabase.coNEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key🔐 주의NEXT_PUBLIC_ prefix는 브라우저에서 사용 가능함**서비스 키(service_role)**는 절대 클라이언트에 쓰지 말 것 (노출 안되게 ..
📌 개요Supabase는 Firebase처럼 실시간 기능과 인증, 데이터베이스를 제공하는 오픈소스 백엔드 플랫폼입니다.이번 글에서는 Supabase를 이용해 댓글 시스템에 필요한 테이블을 직접 생성하고, 외래 키(FK) 연결과 기본 설정을 마무리하는 과정을 소개합니다.1️⃣ Supabase 프로젝트 생성https://supabase.com 접속 후 로그인New Project 클릭아래 정보 입력:Project Name: 예) my-projectPassword: Postgres DB 접속용 비밀번호Region: 기본값 사용완료되면 자동으로 Postgres DB와 auth 시스템이 구성됨 2️⃣ 테이블 생성방법 1: UI로 만들기Supabase Dashboard → Table Editor → New Tabl..
1. ERD Cloud란?ERD Cloud는 웹 기반의 무료 ERD(Entity Relationship Diagram) 작성 도구로, 팀 협업과 클라우드 저장이 가능한 도구입니다. 별도의 설치 없이 브라우저에서 바로 DB 설계 다이어그램을 만들 수 있어 편리합니다.2. 회원가입 및 로그인https://www.erdcloud.com 접속Google, GitHub 등으로 간편 로그인 가능로그인 후 대시보드에서 새 프로젝트 생성 가능3. 새 프로젝트 생성하기New Diagram 클릭다이어그램 이름 입력용도에 따라 공개/비공개 선택 가능"Create" 클릭🎯 팁: 팀 프로젝트일 경우 'Private'으로 시작한 뒤, 협업 멤버 초대 가능4. 테이블 만들기왼쪽 메뉴에서 [Entity] 클릭 → 캔버스에 드래그또..
🧠 알고리즘 설계 기법(Algorithm Design Paradigms) 정리문제를 해결하기 위한 다양한 전략,바로 알고리즘 설계 기법이다.🔍 알고리즘 설계 기법이란?알고리즘 설계 기법은 복잡한 문제를 구조적으로 해결하기 위한 방법론을 말합니다.문제 유형에 따라 적절한 전략을 선택하면 효율적인 해결이 가능합니다.📚 주요 알고리즘 설계 기법1. 완전 탐색 (Brute Force)가능한 모든 경우를 시도구현은 쉽지만 시간 복잡도가 높음ex) 모든 조합, 순열 생성2. 그리디(Greedy)매 순간 가장 좋아 보이는 선택을 하는 방식국지적 최적이 전역 최적을 보장할 때만 사용 가능ex) 거스름돈 문제, 회의실 배정3. 분할 정복(Divide and Conquer)문제를 쪼개고 해결한 뒤 병합보통 재귀 구조..
🔗 문제 링크프로그래머스 60058 - 괄호 변환🧠 문제 설명입력 문자열 p는 균형잡힌 괄호 문자열 (열림/닫힘 개수만 같음)이를 "올바른 괄호 문자열"로 변환해야 함주어진 알고리즘 조건(1~5단계)을 코드로 구현📌 핵심 개념용어의미균형잡힌 괄호 문자열'('와 ')'의 개수가 같음올바른 괄호 문자열열리고(() 나서 닫힘()) 순서가 올바름재귀문자열을 u와 v로 분리하여 재귀적으로 처리🔄 알고리즘 요약입력이 빈 문자열 → 빈 문자열 반환p를 "균형잡힌 u"와 나머지 v로 분리u가 올바른 괄호면 → u + solution(v)아니라면 → "(" + solution(v) + ")" + u의 앞뒤 제거 후 괄호 뒤집기"✅ 코드 구현public String solution(String p) { ..
✅ 개요Visual Studio Code(이하 VS Code)는 확장 프로그램(Extensions)을 통해 생산성과 개발 경험을 극대화할 수 있는 에디터입니다.이 글에서는 프론트엔드, 특히 React + Tailwind 개발자에게 유용한 확장 프로그램을 추천합니다.🔹 기본 추천 (React/Tailwind 개발자라면 필수)Extensions 이름설명🧩 ES7+ React/Redux/React-Native Snippetsrfc, rafce 등 빠르게 컴포넌트 템플릿 생성 가능🔧 Auto Rename TagHTML/JSX 태그 수정 시 자동으로 짝 태그까지 변경🎨 Tailwind CSS IntelliSenseTailwind 클래스 자동완성, Hover 미리보기, 에러 감지🧼 Prettier코드 자동..
🔗 문제 링크프로그래머스 120825 - 문자 반복 출력하기🧠 문제 설명주어진 문자열 my_string의 각 문자를 n번 반복하여 새로운 문자열을 만드는 문제입니다.예시입력: my_string = "hello", n = 3출력: "hhheeellllllooo"💡 풀이 아이디어문자열을 앞에서부터 순회하면서,각 문자를 n번 반복한 문자열로 바꿔서 이어 붙이면 끝.✅ 최종 코드class Solution { public String solution(String my_string, int n) { String answer = ""; for (int i = 0; i 🔍 보완 포인트문자열 덧셈(+=)은 성능상 비효율이므로, 반복이 많아질 경우 StringBuilder가 더 적합함..