Project 21

쿡핏(2) - feat.카카오로그인

드디어....! 카카오 로그인 해결했음....으아아악...🥹 클라이언트로 리다이렉션 하고 나서 이제는 되겠지 했는데 그 이후에도 계속...안됨. token은 쿠키에 잘 저장되고 다시 우리 홈으로도 오는데 왜 안되지..... //원래코드 - KakaoAuth.tsximport { useNavigate } from "react-router-dom";import { useEffect } from "react";import { AxiosInstance } from "../../api/axiosInstance";import { PATHS } from '../../constants/paths';import { useAuth } from '../../context/AuthContext';const KakaoAuth..

Project 2025.01.19

요기약(2)

metaphor: 요기약(1)에서 돌아온...ver.2 해커톤 이후 변동사항 : 약국 별 약 정보를 얻기 힘들어 이를 삭제하고 나이/통증/질환 등에 따른 병 예측 및 가까운 위치의 약국을 보여줄 수 있는 서비스로 방향을 틀기로 함결과 페이지에서 연동하지 못했던 우리가 만든 데이터분석 모델을 연결시도 데이터 분석한 모델과 연결하기 위해서 'huggingface' 를 사용함.huggingface(허깅 페이스)는 인공지능/딥러닝/기계학습 모델을 업로드하여 저장하고 이를 api 형태로 불러와서 사용할 수있게 해주는 오픈 소스 커뮤니티임 프론트와 백엔드에서 이 모델에 req.body로 사용자에게 받은 정보들을 전달해야하는데, 이를 데이터베이스나 쿠키 등에 저장하지 않고 전달만하고 있어서 세션을 이용하여 저장하기로..

Project 2025.01.13

팀 작업 시 깃허브 레포 관리

각각 backend레포와 frontend 레포를 따로 파서 작업을 했다면 나중에 합칠 때 git subtree를 이용하면 편리하게 합칠 수 있다. 서브트리로 지정해서 main레포에 각각의 frontend 레포와 backend 레포를 옮겨주면된다 그럼 서브트리로 연결 해보도록하자.먼저, 원래의 원격 레포지토리와의 연결을 해제한다.// #1 연결되어있는 레포 확인git remote-v// #2 연결 제거git remote remove  그후, 메인 레포와 연결을 해준다.git remote add  이제 메인레포에 서브트리를 추가해준다git subtree add --prefix=  그럼, 이제 연결까지 완료되었다!!! 백엔드 레포를 backend로 저장해서 연결시켜 놓았다고 한다면,원래는 수정사항이 있을 ..

Project 2024.12.27

쿡핏_러너톤2

sequelize 사용하기 npm i sequelize sequelize-cli mysql2   sequlize-cli 로부터 시퀄라이즈 명령어를 사용할 수 있도록 하는 것sequelize-cli 는 시퀄라이즈 명령어 사용가능케 해주는 패키지npx sequelize init config.json 파일에 데이터베이스의 정보를 저장해주면, model 에서 데이터베이스 세팅을 할 때 정보를 일일이 써주지 않아도 된다. 그 후에 model 폴더에서 index.js 를 이렇게 수정하면 된다.//model/index.jsimport Sequelize from 'sequelize';import configData from '../config/config.json' assert { type: 'json' };const..

Project 2024.12.21

캡스톤디자인A - 팀 개발 시 백엔드 초기 작업

이번 캡스톤디자인A (일명 졸업 프로젝트)에서 백엔드 파트를 맡게 되었다. 프론트, 백엔드, AI가 같이 작업하게 되는데, 내가 생각하는 백엔드에서는 어떻게 초기세팅을 하는지를 기록해보려고 한다. (사실 초기세팅 단계가 은근 시간이 많이 걸린다고 생각한다.( 특히 개발 초보들에게는 더욱더!)) 참고로 우리 서비스 이름은 CURREX이다. 따라서 루트 디렉터리 이름을 CURREX로 설정하였다...ㅎㅎ:)part1. 필요한 패키지 설치 및 파일/폴더 생성아래는 미리 팀원분들이 조금 프론트 작업해놓으신 폴더이다. 이제 여기다가 백엔드 파일들을 넣을 폴더를 만들어보겠다. server 폴더가 추가된 것을 알 수가 있다. 여기다가 이제 백엔드 코드들을 열심히 적어보도록 하겠다. 다른 작업을 먼저 하기 전에 팀원들이..

Project 2024.11.25

metaphor

2024.11.22 ~ 2024.11.23 무박 1박 2일 해커톤 [해커톤 주제]✨" 모두가 건강한 미래 " 를 위한 솔루션✨ ✔포용적인 헬스케어 - 의료 서비스의 사각지대를 줄이고, 모든 사람이 자신의 신체적, 정신적 건강을 관리할 수 있도록 돕는 솔루션 - 장애인, 노년층, 취약계층 등 소외 집단의 건강할 권리를 위한 서비스 등 ✔건강 리터러시 증진 - 누구나 자신의 건강 정보를 이해하고, 이를 기반으로 적절한 건강 의사결정을 내릴 수 있도록 돕는 데 초점 - 건강 정보를 획득, 이해, 평가, 적용하여 건강을 관리하는데 필요한 지식, 기술, 태도에 관한 서비스 등   [1팀 프로젝트 소개]" 요기약 "요기약 서비스는 먼저 AI 기반으로 사용자 증상을 분석 및 질병을 예측하고,올바른 약 처방을 해주며,..

Project 2024.11.25

[러너톤] Pre-Trip

주제 : 여행계획 반응형 웹 사이트 만들기 기간 : 2024.07.26 ~ 2024.07.30조건 : 추가기능 2개이상, 탭 2개이상, 로그인 SDK 사용, 지도와 캘린더 포함이름: Pre-Trip예비, 미리 를 의미하는 접두사 pre 와 여행을 의미하는 trip 을 합쳐서 Pre-Trip이라고 이름 지었다. SDK국내 여행을 중심으로 할것이여서 우리나라 사람들이 가장 많이 사용하는 것이 무엇일지 생각하다가 카카오 로그인 SDK, 카카오맵 SDK를 사용하는 것으로 결정하였다.개발 환경:협업 툴로는 Github, Notion을 사용하였다.  나는 Back-End 파트를 맡았는데, 원래 mongoDB 를 사용하려하다가, mysql 을 사용하게되어,  javascript + mysql + prisma 를 사용..

Project 2024.08.01

[러너톤] 카카오맵 api 사용하기

카카오맵을 사용하려면, kakaoDevelopers 에 가서 회원가입 후 → 앱 생성 → 앱 키 발급 받으면 된다 카카오에서 예제 코드들도 다 제공해주어서 사용하기 정말 편리하다https://apis.map.kakao.com/web/sample/basicMap/카카오맵 생성 document.addEventListener('DOMContentLoaded', function() { var container = document.getElementById('map'); var options = { center: new kakao.maps.LatLng(33.450701, 126.570667), level: 3..

Project 2024.07.28

데이터베이스 연결한 게시판 만들기

저번의 게시판에서 데이터베이스를 연결한 버전을 만들어본다.prisma와 mysql을 이용하여 수행하였다.DATABASE ERD ERROR ① 사용자들의 암호를 bcrypt을 이용하여 암호화를 수행하다가 이미 시딩된 정보들은 암호화가 되어있지 않아서 이를 암호화하다 오류발생... ☞ 오류해결하지 못해서 다시 암호화 이전으로 돌림 ② 정의되지 않은 프로퍼티 사용됨 에러..스키마에서 Users 로 정의했기 때문에 users로 받아야 undefined 에러가 발생하지 않는다. user로 되어있어서 계속 에러가 뜸. 프리즈마 모델 이름은 보통 단수를 사용한다고 한다. 알아두자.+) 참고할 부분③ require / import 문법 사용 에러④ http 요청과정 헤더 오류http 요청에서 헤더와 본문은 무조건 빈 ..

Project 2024.07.26