Club425 ⚙️ 카부카부 : 프로젝트 설계 (애자일: 스크럼 + JIRA) 그리고 세호오빠랑 태진오빠도 티스토리 블로그를 시작했다!댓글달아야지애자일 도입의 의지가 모두에게 있는 것 같으므로 하자고 해보자!!⚙️ 프로젝트 방법론Agile vs Waterfall애자일 : 반복적인 개발 및 테스트에 중점을 둔 프로젝트 관리 원칙채택! + 애자일 12원칙 읽어보기~Agile : Scrum 스크럼(Scrum) : 애자일을 이상적으로 실행할 수 있게 하는 애자일 프레임워크의 한 유형 제품 백로그(Product Backlog) 개발할 제품의 요구사항(미션 요구사항)인 사용자 스토리 집합 / 우선순위로 관리 스프린트(Sprint) 계획,개발,리뷰 작업 등 최소 단위의 Cycle (1주 사이클)스프린트 계획 회의(Sprint Planning Meeting) : 스프린트 목표와 스프린트 .. 2024. 8. 25. 💛카부커넥션💛 : peopleDetail 페이지 + zustand 끝나고 네트워킹 갔다2차는 UCPC 사람들 약속으로 빠졌다가도파민 놓침🌟peopleList 페이지 틀 잡기Common 컴포넌트 파일에 box 컴포넌트 추가!너비높이를 props로 조절해서 쓸 수 있다~기본 정보 헤더?를 구성한다.가로정렬 세로정렬 왼쪽정렬 오른쪽정렬몇겹씩싸여있다...힘들었다...{?:} 이용해서 내 페이지에는 로그아웃 버튼, Common 컴포넌트 파일에 line 컴포넌트 추가!길이를 props로 조절해서 쓸 수 있다~🌟peopleList 페이지 마크다운 + zustand 마크다운을 HTML로 변환하기 위해서는 마크다운 파서 라이브러리가 필요!!react-markdown, marked, remarkable 등의 라이브러리npm install react-markdown import Rea.. 2024. 8. 24. 💛카부커넥션💛 : 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. 이전 1 ··· 22 23 24 25 26 27 28 ··· 43 다음
