Development

출처 : https://www.inflearn.com/course/%EA%B9%80%EC%98%81%ED%95%9C%EC%9D%98-%EC%8B%A4%EC%A0%84-%EC%9E%90%EB%B0%94-%EA%B8%B0%EB%B3%B8%ED%8E%B8/dashboard 4. 생성자 생성자는 객체 생성 직후 객체를 초기화 하기 위한 특별한 메서드로 생각할 수 있다. 4.1 생성자 - 필요한 이유객체를 생성하는 시점에 어떤 작업을 하고 싶다면 생성자(Constructor)를 이용하면 된다. 어떠한 객체를 생성하고 나면 초기값을 설정해야 하는 경우가 있다. 객체 지향 프로그래밍에서는 속성과 기능을 한 곳에 두는 것이 더 나은 방법이다. 그러므로 객체 안에 객체의 초기값을 설정하는 생성자를 제공하는 것이 좋다..

출처 : https://www.inflearn.com/course/%EA%B9%80%EC%98%81%ED%95%9C%EC%9D%98-%EC%8B%A4%EC%A0%84-%EC%9E%90%EB%B0%94-%EA%B8%B0%EB%B3%B8%ED%8E%B8/dashboard 3. 객체 지향 프로그래밍 3.1 객체 지향 프로그래밍 vs 절차 지향 프로그래밍객체 지향 프로그래밍과 절차 지향 프로그래밍은 서로 대치되는 개념이 아니다. 객체 지향이라도 프로그램의 작동 순서는 중요하다. 다만 어디에 더 초점을 맞추는가에 둘의 차이가 있다. 객체 지향의 경우 객체의 설계와 관계를 중시한다. 반면 절차 지향의 경우 데이터와 기능이 분리되어 있고, 프로그램이 어떻게 작동하는지 그 순서에 초점을 맞춘다. 절차 지향 프로그래밍..

출처 : https://www.inflearn.com/course/%EA%B9%80%EC%98%81%ED%95%9C%EC%9D%98-%EC%8B%A4%EC%A0%84-%EC%9E%90%EB%B0%94-%EA%B8%B0%EB%B3%B8%ED%8E%B8/dashboard 김영한의 실전 자바 - 기본편 강의 | 김영한 - 인프런김영한 | , 국내 개발 분야 누적 수강생 1위, 제대로 만든 김영한의 실전 자바[사진][임베딩 영상]단순히 자바 문법을 안다? 이걸로는 안됩니다!전 우아한형제들 기술이사, 누적 수강생 40만 명 돌www.inflearn.com 2. 기본형과 참조형 2.1 기본형 vs 참조형자바에서 참조형을 제대로 이해하는 것은 정말 중요하다.사용하는 값을 변수에 직접 넣을 수 있는 기본형, 객체가 ..

출처 : https://www.inflearn.com/course/%EA%B9%80%EC%98%81%ED%95%9C%EC%9D%98-%EC%8B%A4%EC%A0%84-%EC%9E%90%EB%B0%94-%EA%B8%B0%EB%B3%B8%ED%8E%B8/dashboard 1. 클래스와 데이터 1.1 클래스 도입사람이 관리하기 좋은 방식으로 어떠한 개념을 하나로 묶는 것이다.예) Student 클래스public class Student { String name; int age; int grade;} 클래스에 정의된 변수들(name, age, grede)을 변수, 또는 필드라 한다.멤버 변수(Member Variable) : 이 변수들은 특정 클래스에 소속된 멤버이기 때문에 이렇게 부른다.필드(F..

📘 커피/티 정기 구독 쇼핑몰 ERD 설계 (표 기반 정리) 🧑‍💼 users (회원)필드명 타입 설명 idPK사용자 고유 IDemailVARCHAR이메일passwordVARCHAR비밀번호 해시nameVARCHAR이름addressTEXT배송 주소created_atTIMESTAMP가입일 ☕ products (원두/티 상품) 필드명 타입 설명idPK상품 IDn..

1. 프로젝트 개요목표:사용자의 커피/티 취향 및 소비 패턴에 맞춰 개인화된 원두 구독 서비스를 제공하는 지능형 쇼핑몰 플랫폼 개발주요 기능:사용자 맞춤형 정기 구독 상품 추천 (맛, 향, 산미 기반 선호도 분석)배송 주기 설정 및 자동 결제 기능마이페이지 구독 관리 (일시 정지, 변경, 취소)후기 기반 상품 추천 알고리즘관리자 상품/구독 관리 기능향후 추천 알고리즘/기계학습 기반 최적화 기능 연동2. 구축 전략2-1. 정기 구독 중심 설계구독은 단순 구매와 달리 정기 반복성과 사용자 커스터마이징 요소를 강조사용자 선호도 설문 기반으로 추천 초기화 후, 리뷰/구매 이력을 통한 지속적 개인화2-2. 개인화 추천 기능초기: 조건 기반 추천 (산미/바디감/카페인 유무 등 필터)확장: 유저 피드백 + 행동 데이..

아래는 개인프로젝트로 사용할 프로젝트를 기획하기 위해 작성한 내용입니다. 🥇 기획서 ① – 기억하는 AI 친구 (Persistent Memory Chatbot)1. 프로젝트 개요 목표사용자와 지속적인 관계를 형성하며, 이전 대화 내용을 기억하고 그에 맞는 응답을 제공하는 지속형 감성 대화 AI 개발 주요 기능사용자 정보, 감정 상태, 관심사 등을 기억하고 자연스럽게 반영자유로운 일상 대화와 감정 공감관계 기반의 대화 흐름 (예: “지난번에 피곤하다고 했었지? 좀 나아졌어?”)캐릭터 말투/성격 커스터마이징 기능 2. 구축 전략 2-1. LLM 기반 설계OpenAI GPT API 또는 오픈소스 LLM(Mistral, LLaMA 등) 활용사용자별 프롬프트 설정 또는 컨텍스트 리트리버 기반 기억 삽입감성 필터..

Using React Query install react-query먼저 react-query를 설치하기 위해서 아래 명령어를 터미널에 입력해야 합니다.npm install @tanstack/react-query Create queryClient & QueryClientProvider QueryClient 생성자로 쿼리와 캐시를 관리하는 Query Client를 생성하고  컴포넌트를 통해 생성한 Query Client를 하위 컴포넌트들이 접근할 수 있도록 최상위 컴포넌트로 감싸주어야 합니다.모든 하위 컴포넌트들은 Query Client가 갖고 있는 캐시와 모든 기본 옵션을 사용할 수 있게 됩니다.참고로 은 React의 Context API를 사용하여 생성된 queryClient를 제공합니다.import {..

Client State vs Server State Client State란 클라이언트가 자체적으로 생성한 상태로 사용자의 input 값이나 UI 변경을 담당하는 부분으로 볼 수 있습니다. 예를 들어, 모달창을 열고 닫는 상태나 사용자가 입력한 값 같은 것들을 의미합니다.즉, 서버에서 일어나는 일과는 아무 관련이 없는 상태들을 의미합니다. 반면 Server State란 클라이언트에 표시하는 데 필요한 서버 데이터를 의미합니다. 예를 들어, DB에 존재하는 데이터들을 의미합니다. React Query는 React 애플리케이션에서 서버 응답에 대한 상태인 fetch, caching, update와 같은 동작을 쉽게 다룰 수 있도록 하며, Client State와 Server State를 명확하게 분리하여 관..

Next.js는 SSR(Server Side Rendering)을 쉽게 구현할 수 있는 개발 환경을 제공하는 React의 프레임워크이다.  NextJS가 등장한 이유는 이전 브라우저의 동작방식을 보면 알수있다. 과거의 대부분 웹사이트들은 SSR과 MPA(Multi Page Application) 방식으로 동작해왔었다  하지만  페이지 이동 시에 깜빡거리는 현상과 같은 문제들로 인해 사용자 경험이 좋지 못했고 스마트폰의 시대가 도래하면서 앱과 같은 사용성 측면에서 수요가 커져갔다. 이런 시기에 AJAX와 jQuery가 등장했고 커뮤니티에서도 많이 사용되면서 클라이언트에서 비동기적으로 JSON 형태의 데이터만을 서버에 요청하고 받아와서 사용자에게 데이터와 함께 웹 페이지를 보여주는 방식이 대세가 되었다. 하..

Next 13 이후에 바뀐 점app router / pages router 두 가지로 구성되어 있다.app router 도입 이유pages router의 구조상 기존 문제를 개선할 수 없었기에 새로 도입디렉토리 기능공통 레이아웃 기능페이지별 권한 체크 (어드민/로그인 유저 등) → app router 미들 웨어로 가능react 18 버전 사용 → 서버 컴포넌트 적극 활용 서버 컴포넌트란?next 서버에서 리액트를 미리 렌더링해서 프론트 혹은 브라우저, 클라언트로 데이터를 보내줄 때 완성된 HTML을 미리 보내주는 것 장점 HTML 로딩 시간, JS 용량 감소단점 Next 서버 자체의 부담 증가 → 이에 따라 ‘캐시’ 적극 활용 Nextjs란?React 위에서 돌아가는 프레임워크React는 라이브러리로써 ..

ReactNative를 시작하기에 앞서 환경설정을 진행해야 합니다. MACOS를 기준으로 설명을 진행하려고 합니다.  1. mac terminal 실행2. "brew install node" :  node 설치3. "brew install watchman" : watchman 설치 4.  https://apps.apple.com/us/app/xcode/id497799835?mt=12 다음의 링크에서 xcode를 설치5. https://cocoapods.org/ 해당 경로로 접속후 "sudo gem install cocoapods" 를 터미널에 입력하여 설치