Club|Project/카카오테크 부트캠프 | AI84 💛카부커넥션💛 : peopleList 페이지 돈이없따...선물을 좀 날려서..?는 거짓말이고 저거 다 합쳐도 내가 먹은 요아정을 못 이긴다먹을것을줄이자🌟peopleList 페이지이 페이지를 만들 것이다 PR 다 병합된 dev를 가져오고 이슈를 만들고 브랜치 만들어서 끌고오기🌟miniLayout 컴포넌트 만들기 햄스터 햄스터 햄스터이렇게 props로 위 제목과 크기를 지정해서 계속 사용할 수 있게 만들어서 common 폴더에 넣어준다이렇게 🌟peopleCard 컴포넌트 만들기오류 발생 컴포넌트 선택자와 같은 고급 기능을 쓰기 위해서는 바벨 플러그인인 @emotion/babel-plugin 또는 SWC 플러그인 @vitejs/plugin-react-swc을 설정해야 함 안정적으로 가자.. 버셀 채.. 2024. 8. 16. 💛카부커넥션💛 : 디렉토리 구조 수정, 레이아웃 완성, 텍스트 컴포넌트 와~ 세호오빠가 버셀 없이 프론트 CI/CD를 구축했다http://3.38.223.164멋지다~백엔드들이 MicroServiceArchitecture + Load Balancing + Kubernetes 배포를 구현한다고 한다엄청어려워보임......나도 배포 공부할래 그리고 AI 파트랑 개인미션 챗봇할 때 태진오빠 따라서 fastAPI도 해볼까왜 모든 인간들이 풀스택인공지능PS배포를 추구해서 세상을 힘들게 만드는 거지🌟구조 수정 , 프리티어 적용KABOO_CONNECTION-FRONT/│├── public/ # 정적 파일들이 위치하는 곳 │├── src/ # 소스 코드가 위치하는 곳│ ├── assets/ # 이미지.. 2024. 8. 14. 💛카부커넥션💛 : emotions를 이용한 배경/푸터/레이아웃 컴포넌트 만들기 오늘은 오프라인날..판교너무멀다... 기본 노랑 : #FFF496기본 찐브라운 : #715F00기본 연브라운 : #D3CBA1 🌟움직이는 배경 만들기그냥 피그마에서 익스포트해서 갖다 쓰려고 했는데세호오빠가 동그라미 움직이는 배경 말하길래 멋있을 것 같아서 그걸로 결정 '@emotion/styled' 에서 styled 함수 사용 (styled API)'@emotion/react'에서 keyframes 함수 사용 const float = keyframes` 0%, 100% { transform: translateY(0) translateX(0); } 50% { transform: translateY(-300px) translateX(300px); }`; keyframes로 애니메이션 정의0%, 10.. 2024. 8. 13. 💛카부커넥션💛 : 협업규칙 익히기 - dev 브랜치 내용 sync fork하기 ✅- 이슈 생성하기 (이슈 템플릿 사용하기, 라벨 달기) ✅- 이슈번호 브랜치 생성하기 ✅ - 작업하기 (작업별 커밋 하기 : 커밋 컨벤션 지키기 )+ gitignore 잘 작동되는지 보기 ✅ - PR (이슈 브랜치 -> 업스트림 dev) 날리기 (PR 템플릿 사용하기)=> 팀원들이 Approve 해 준 후 dev에 Squash And Merge / main으로 다시 PR , 승인 , 자동 CI/CD ✨ dev 브랜치 내용 sync fork하기원본 레포지토리를 업스트림으로 추가git remote add upstream https://github.com/KakaoTech-BootCamp-Team-2/Kaboo-Connection-Front.git 원본 레포지.. 2024. 8. 12. 💛카부커넥션💛 : vite + eslint +react + react-query + zustand + emotion + axios + prettier 프로젝트 세팅 이슈 생성하기 feature/#1 브랜치 생성git checkout -b feature/#1vite + eslint +react + react-query + zustand + emotion + axios + prettier 🌻 Vite차세대 프론트엔드 빌드 도구현대적인 자바스크립트 프레임워크(예: React, Vue.js 등)를 사용한 프로젝트를 빠르고 효율적으로 개발할 수 있게 해줌 Vite는 빠른 개발 환경과 최적화된 빌드 성능을 제공하기 위해 설계빠른 개발 서버: Vite는 즉시 사용할 수 있는 개발 서버를 제공하며, HMR(Hot Module Replacement) 기능을 통해 코드 변경 시 브라우저가 자동으로 갱신됩니다. 이로 인해 개발 속도가 크게 향상됩니다.모듈 기반 빌드 시스템: Vit.. 2024. 8. 11. 💛카부커넥션💛 : start 💛 회의만들어온 피그마랑 기획서 싹 브리핑할 겸 타운홀에서 해도 되나? 해서 여쭤봤는데 잘 도와주셔서 감사햇다.. ㅋㅋ사진찍으시더니 인스타에도 올라감그런데 곧 팀 프로젝트 발표여서..- 카부카부 다음 분기 프로젝트로 넘기고 헬스케어 마무리- 그냥 시작중 고민하다가 - 카부카부 중 작은 부분 떼어서 다른 미션으로 탈바꿈한 후 다음 분기에는 이걸 확장했다 식으로 가기가 되었다근데ㅋㅋ인스타에 다 올라가버렸다새 미션은 WebRTC 공부해야겠다...💛 기획 디자인페이지 새로 설계..큥ㅠㅠㅠㅠ난 AI 과정인가..?프론트인가?기획인가? 디자인인가?💛 프론트 설계커밋 풀리퀘 컨벤션 정하고 / 컴포넌트 설계 춘식2 협업 규칙 | Notion✨브랜치goormkdx.notion.site나는 일단 피플리스트/세부 페이지.. 2024. 8. 9. 카카오 부트캠프 커뮤니티 : 💛카부카부💛 - 기획/디자인 헬스케어유기되고말았다 ㅋㅋㅋㅋ진짜 확실하게 느꼈다 하고싶은프로젝트를해야힘이난다새로운 프로젝트를 생각하는 춘식2삐로롱우리는 1기이기 때문에카부캠 커뮤니티 만들기로 결정됨난 AI 과정인데.. AI 제일 안 하는 듯 ㅎㅋ..기획디자인이 있으면 참 좋을 텐데.. 없어서 내가 맡.. ㅎㅎ! 짱멋진 지희언니 꼬시기 성공!! 삐까하군💛기획 아이고 나죽네💛디자인메인카부 게시판카부 프로젝트카부 커넥션카부편의마이페이지,랭킹복붙귀찮다💛피드백지히언니 2024. 8. 5. 카카오 부트캠프 커뮤니티 : 💛카부카부💛 - AI ing 결국 챗봇이 되었다흠..맨날 하던 거를 할 수밖에 없는 것인가 일단 딥러닝 / 파이토치 강의를 끝내봐야겟다 2024. 8. 4. 카카오 부트캠프 커뮤니티 : 💛카부카부💛 - 프론트엔드 ing AI에서 일자리 잃어서 용병 차출 왔습니다react + react-query + zustand + emotion + axios 발발세호오빠가 추천해준 것들이다오빠가 해커톤에서 돌아오기 전까지 습득해보자 [HEATH 프로젝트] chakra UI + emotion 적용하기"Chakra UI"는 React 애플리케이션을 빌드하는데 필요한 블록을 제공하는 간단하고, 모듈적이며, 접근가능한 컴포넌트 라이브러리다.간결함과 생산성: Chakra UI는 잘 만들어진 컴포넌트 세트를 제공velog.io Emotion 소개 및 사용하기Emotion 은 JS 로 css 스타일을 작성하도록 설계된 라이브러리다. Emotion은 프레임워크에 구애 받지 않고 사용이 가능하며, React와 함께 사용할 수도 있다. 1. 패키지 .. 2024. 8. 4. 🌼카카오 부트캠프🌼 팀 미션 1 : 헬스케어 데이터 분석 및 시각화 플랫폼 🌼TODO- 데이터 전처리 및 정제 과정 설계 및 구현 => 완성된 API를 보니 애매...- 데이터 분석을 위한 주요 지표 및 메트릭 선정=> 식단 / 운동(걷기) 뿐- 데이터 시각화 도구 선택 및 시각화 계획 수립=> 리액트로 시각화 🌼음식 이미지 판별🌼그래프react-native-chart-kit 이용해서 리액트 그래프 개발 그래프 종류- 사용자의 역대 탄단지 섭취 비율 : 파이 차트- 전체 사용자 일별 칼로리 섭취량 : 히스토그램- 사용자 역대 탄단지 섭취 비율 + 전체 사용자 일별 칼로리 소모 분포용 데이터 정제용 파이썬 스크립트 만들기+ 이 정보 전송용 Api 요구SELECT SUM(CASE WHEN nutrient_type = 'PROTEIN' THEN amount ELSE 0 .. 2024. 7. 29. 이전 1 2 3 4 5 6 7 8 9 다음
