본문 바로가기

분류 전체보기

[Java] 자바 개발 효율을 높이는 단축키와 출력 방법 코딩을 효율적으로 하기 위해서는 기본적으로 타자가 빨라야하고 단축키를 알아야합니다. 오늘은 Eclipse 기준으로 통용적으로 쓰이는 단축키를 알려드리겠습니다..   단축키 1.★ ctrl + s : 저장 => 코딩을 작성하고 저장까지 해야 변경된 코드가 반영됩니다.  그래서 가장 많이 쓰이는 단축키중 하나입니다.   2. ctrl + a : 전체 선택   => 코드 전체를 선택합니다. 3. ctrl + m : 화면 비율 조정 => 개발 툴 내의 화면 비율을 조정할 수 있습니다.  4. ctrl + shift + /: 여러 줄 주석처리 => 이 단축키를 사용하면 선택한 여러 줄을 한 번에 주석 처리할 수 있어 코드 작성 시 효율성을 크게 높일 수 있습니다.  5. ctrl + / : 한 줄 주석처리 => .. 더보기
[Java] 자바 자료형의 이해: 기본형과 참조형, 그리고 메모리 구조 탐구 안녕하세요! 어제부터 백엔드 쪽 역량을 키우기 위해서 직업 훈련을 받고있습니다 오늘부터 공부하며 배운 내용들을 기록해나가려 합니다. 직업 훈련에서는 가장 처음 자바를 배우는데요. Eclipse를 사용해서 공부하고 있습니다. 오늘 배운 내용은 자료형의 선언과 초기화 그리고 JDK의 Scanner라는 도구입니다.  자료형에는 기본형과 참조형이 있습니다. 기본형은 정수와 실수, 문자를 비롯한 데이터를 포함하고, 참조형은 기본형 외에 문자열 등이 포함된다고 보시면 됩니다. 각 자료형의 표현할 수 있는 용량입니다. byte : -128 ~ 127 / short : 약 -3만 ~ 3만   ★int : 약 -21억 ~ 21억 / long : int를 벗어나는 범위 이 중에서는 표현할 수 있는 범위가 가장 넓은 int.. 더보기
[React] AI 건강 상담 페이지 코드 리뷰 안녕하세요! 오늘은 NutriGuide의 AI 건강 상담 페이지의 코드를 리뷰해보려고 합니다. AI 건강 상담 페이지는 Open AI에서는 16개 이상의 LLM (Large Language Model)을 API 형태로 제공하는데 이 API를 활용해서 질문에 대한 답을 받을 수 있는 페이지 입니다.  GPT-4o mini Model은 큰 규모의 파라미터와 저렴한 비용으로 본 AI 건강 상담에 활용하기 적합했습니다.    가이드라인 보기 버튼을 누르면 효율적인 답변을 얻을 수 있는 가이드라인이 표시됩니다. 인풋창에 질문을 입력하고 질문하기 버튼을 누르면 ChatGPT 모델이 답변을 제공합니다. 다음은 서버의 API 코드입니다.  @app.route('/ask', methods=['POST'])def ask_.. 더보기
[React] Nutriguide Landing Page 코드 리뷰 안녕하세요! 오늘 부터는 완성된 Nutriguide의 페이지 코드를 하루에 하나씩 리뷰해보려고 합니다. 그럼 시작하겠습니다 : )    NutriGuide는 3일치의 식단을 입력받고 사용자에게 부족한 영양소 정보를 추출해서 영양제를 추천해주는 사이트입니다. LandingPage에는 간단히 각 페이지의 정보를 보여줍니다. AI 건강 상담 버튼을 누르면 AI 건강 상담 페이지로, AI 영양제 추천 버튼을 누르면 식단 인풋 페이지로 이동합니다.  import React from 'react';import { Link, useNavigate } from 'react-router-dom';import { Button } from 'antd';import myImage from '../img/logo.png'; i.. 더보기
[Flask] 유클리드 거리를 이용한 영양제 추천 서버 안녕하세요! 졸업 작품 Nutriguide가 어느덧 마무리 단계를 거쳐 전시회를 준비하고 있습니다. 페이지의 프론트엔드 코드를 리뷰하기전에 서버 코드를 리뷰해보도록 하겠습니다.     저는 저희가 구사하고자 하는 추천 알고리즘과 가장 비슷한 PillGood 이라는 프로젝트의 오픈 소스를 깃허브에서 얻어서 모델을 조금 변형했습니다.  기존 PillGood은 설문 조사를 통해 사용자의 부족한 영양소를 구해서 부족한 영양소와 영양제 성분과의 유클리드 거리를 구해서 거리가 가장 가까운 영양제를 추천해주는 방식입니다. 저희는 식단을 입력받아서 식단에 부족한 영양소를 구하고, 결과를 기반으로 영양소 추천을 진행하고 싶었기에 인풋값만 식단으로 변경했습니다. # 데이터 로드pill_data = pd.read_csv('.. 더보기
[TypeScript] 타입스크립트 기초 오늘은 타입스크립트란 친구를 배워보려고 합니다. 코딩애플님의 강의를 참고했습니다. Typescript 필수문법 10분 정리와 설치 셋팅 (Vue, React 포함) - 코딩애플 온라인 강좌 (codingapple.com) Typescript 필수문법 10분 정리와 설치 셋팅 (Vue, React 포함) - 코딩애플 온라인 강좌타입스크립트 쓰는 이유 웹개발자 채용공고보면 타입스크립트가 항상 보입니다. 규모가 좀 있는 곳들은 거의 타입스크립트를 요구스펙에서 빼놓지 않고 기입하는데 모른다고 그리 걱정할건 아codingapple.com  타입스크립트는 자바스크립트 문법에 타입을 더해서 사용을 용이하게 해주는 용도로 쓰입니다. 자바스크립트는 Dynamic Typing을 지원하는 언어인데 여기서 Dynamic Ty.. 더보기
[Flask] Nutritiguide 백엔드 서버 코드 리뷰 안녕하세요 오늘은 졸업작품 중 파이썬으로 작성한 Flask 서버 코드를 리뷰해보려고 합니다. from flask import Flask, request, jsonifyimport openaiimport pandas as pdimport numpy as npfrom flask_cors import CORSimport mathapp = Flask(__name__)CORS(app)openai.api_key = "비밀키" 먼저 상단의 기본 코드입니다.  from flask import Flask, request, jsonify: Flask 프레임워크에서 웹 애플리케이션을 구축하는 데 필요한 클래스와 함수를 가져옵니다. import openai  OpenAI Python SDK를 가져옵니다. OpenAI는 자연어.. 더보기
[React] 이가 없으면 잇몸으로 안녕하세요! 날씨가 엄청 덥고 습하네요. 캡스톤은 지금 마무리 단계에 들어가고 있는데 한 번에 모든 코드를 리뷰하기는 힘들 것 같아서 하루에 한 단계 씩 리뷰해보려고 합니다.     최근에는 서버 구체화 단계를 하면서 큰 위기에 봉착했는데요.  데이터 파일들을 보시면 영양제 데이터와 식단 데이터가 있습니다.      1. 영양제의 영양성분을 인덱스 별로 표시해 놓은 영양 성분 데이터 셋이 있고 2. 각 인덱스별 영양제의 정보를 모아 놓은 영양제 정보 데이터셋이 있습니다.  영양소 함량 데이터셋에는 총 26개의 영양 성분이 있습니다. 하지만 찾아 놓은 식단 데이터에는 영양소 성분 데이터가 부족했습니다.  급하게 최대한 비슷한 영양소 정보를 포함한 데이터셋을 찾아 봤지만  모든 데이터를 전처리하고 추천 로직.. 더보기

티스토리툴바