일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 전역변수
- 컴포넌튼
- TS
- 문서번호
- 서버리스 #
- 0.75px border
- Strict
- npm
- 데이터베이스 #try #이중
- angular
- 으
- 당근마켓
- TypeScript
- github
- 0.25px border
- 클론코딩
- Websocket
- es6
- 10px
- &연산
- literal
- jwt
- ZOOM
- ES5
- font-size
- entity
- 1px border
- 타입스크립트
- Props
- 0.5px border
- Today
- Total
목록2025/07 (16)
복잡한뇌구조마냥
☕ 자바 스트림과 람다 표현식의 간소화 과정람다 표현식을 처음 접하면 -> 기호에 낯설 수도 있지만, 반복적인 코드를 훨씬 간결하고 읽기 쉽게 만들 수 있습니다. 이번 글에서는 반복문을 스트림과 람다로 점진적으로 간소화해보는 과정을 소개합니다. ✅ 1. 전통적인 반복문for (int i = 1; i 익숙하지만 반복 변수를 직접 관리해야 합니다.병렬 처리나 함수형 스타일로 확장하기 어렵습니다. ✅ 2. 스트림 사용 + 익명 클래스IntStream.rangeClosed(1, 5) .forEach(new IntConsumer() { @Override public void accept(int value) { System.out.println(value + "번..

🧭 왜 만들었는가여행 일정 짤 때, 단순히 장소만 나열된 정보는 부족하다.방문 시간, 체류 시간, 비용 등을 기준으로 직접 여행 계획을 세울 수 있는 구체적인 여행 추천 플랫폼이 있으면 좋겠다. 이런 문제의식에서 출발하여, 팀 프로젝트로 TripHub를 기획하게 되었습니다.🧩 핵심 기능 소개✔️ 여행지장소 이름, 메모, 비용, 지역, 카테고리 등 입력대표 이미지 선택 + 이미지 최대 6장 업로드좋아요, 즐겨찾기, 리뷰, 별점, 조회수 기능✔️ 게시글(일정)여행지들을 묶어 일정 구성일정 요약 (예산 총합, 방문 지역, 활동 수)GPT 챗봇을 통한 여행지 추천 → 즉시 일정에 반영 가능일정 탭 + 본문 탭 UI 구성✔️ 탐색 기능여행지/게시글 목록 피드 형태 제공검색 / 필터 / 정렬 가능메인 페이지에서..

🔗 문제 링크프로그래머스 - 모음사전📌 문제 설명'A, E, I, O, U'로 구성된 길이 1~5의 문자열 중에서 사전 순으로 정렬된 단어 목록이 존재한다. 주어진 단어가 이 목록에서 몇 번째인지 찾아야 한다.예시"AAAAE" → 6번째"EIO" → 1189번째💡 문제 접근모든 경우의 수를 미리 생성해서 리스트에 담고, 해당 단어의 인덱스를 구하는 완전탐색 방식으로 접근한다.총 경우의 수는 5자리까지이므로5^1 + 5^2 + 5^3 + 5^4 + 5^5 = 3905완전탐색으로 충분히 커버 가능하다.✅ 핵심 아이디어: 백트래킹 (Backtracking)길이 1~5의 모든 문자열을 사전순으로 생성StringBuffer를 사용하여 문자열 조합 생성리스트에 저장하고, target이 발견되면 조기 종료🧠 ..

🔗 문제 링크프로그래머스 - 완주하지 못한 선수📌 문제 요약마라톤에 참여한 선수 목록 participant[]와 완주한 선수 목록 completion[]이 주어집니다.단, 한 명만 완주하지 못했으며, 이름은 중복될 수 있습니다.완주하지 못한 선수의 이름을 구해야 합니다.✅ 풀이 1: 정렬 + 비교💡 아이디어두 배열을 정렬한 후, 순차적으로 비교하다가 다른 값이 나오면 그 사람이 완주하지 못한 사람입니다.completion은 항상 participant보다 1명 적기 때문에, 끝까지 비교했는데 차이가 없으면 마지막 사람이 정답입니다.🧾 코드public static String solution(String[] participant, String[] completion) { Arrays.sort(p..
✅ 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] 클릭 → 캔버스에 드래그또..