본문 바로가기
  • 컴공생의 공부 일기
  • 공부보단 일기에 가까운 것 같은
  • 블로그

전체 글1293

💛카부커넥션💛 : 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.
⚠︎ 백준 - 4158 CD 파이팟파티 후의 백준# 4158CD🥈실5 이제 그냥 비교하면 (한 요소당 다른 리스트 요소 전부 보기) n*n 근데 이건 정렬되어 잇으니까 각 배열의 시작에 포인터 한 개씩 놓고 N*2 오 젠장...저번에도 그랬는데..0 0이 왜 잇지 그냥 무시해야지~하다가 "입력은 여러 개의 테스트 케이스로 이루어져 있다." 화나네근데 set.intersection도 시간초과안남set1 = set(a_CD)set2 = set(b_CD)result = len(list(set1.intersection(set2)))이번주 스터디 과제다 2024. 8. 11.
💛카부커넥션💛 : 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.
💝🔅터.✨꾸🌸(터미널꾸미기라는뜻) 두둥ㅍ챱 이번에 카부캠에서 새 맥북을 받았기 때문에 기존에 터꾸햇던 게 없어졌었다 그래서 명령어마다 구분이 어려워서 그냥 줄 구분해주는 색화살표만 넣으려고 하다가 그만... 홈브루로 zsh와 네오패치를 깐다테마,폰트,색상, 기타 등등 변경  맥북 터미널 커스텀 (iterm2)하루의 절반 이상을 터미널 창과 함께하는데, 기본 터미널은 너무 단조롭기 때문에 내가 원하는대로 커스텀해줄 예정이다. 최근에 두세번 맥북 포맷하면서 때려칠까도 많이 고민하긴 했는데 이yeonnn.tistory.com사용자명 이쁘게 바꾸기!사용자명 옆에 랜덤이모지 띄우기! cpu ram 현황도 알려주는 바도 띄울 수 있다~갑자기 저 아스키아트가 다른 모양도 있던 게 생각나서 바꿔볼까? neofetch로 터미널 꾸미기Table of Co.. 2024. 8. 10.
💛카부커넥션💛 : start 💛 회의만들어온 피그마랑 기획서 싹 브리핑할 겸 타운홀에서 해도 되나? 해서 여쭤봤는데 잘 도와주셔서 감사햇다.. ㅋㅋ사진찍으시더니 인스타에도 올라감그런데 곧 팀 프로젝트 발표여서..- 카부카부 다음 분기 프로젝트로 넘기고 헬스케어 마무리- 그냥 시작중 고민하다가 - 카부카부 중 작은 부분 떼어서 다른 미션으로 탈바꿈한 후 다음 분기에는 이걸 확장했다 식으로 가기가 되었다근데ㅋㅋ인스타에 다 올라가버렸다새 미션은 WebRTC 공부해야겠다...💛 기획 디자인페이지 새로 설계..큥ㅠㅠㅠㅠ난 AI 과정인가..?프론트인가?기획인가? 디자인인가?💛 프론트 설계커밋 풀리퀘 컨벤션 정하고 / 컴포넌트 설계 춘식2 협업 규칙 | Notion✨브랜치goormkdx.notion.site나는 일단 피플리스트/세부 페이지.. 2024. 8. 9.
프론트엔드 : 💝Emotion 공부공부💝EmotionCSS-in-JS libraryJS 로 css 스타일을 작성하도록 설계된 라이브러리 Emotion – Introduction(Edit code to see changes)emotion.sh GitHub - emotion-js/emotion: 👩‍🎤 CSS-in-JS library designed for high performance style composition👩‍🎤 CSS-in-JS library designed for high performance style composition - emotion-js/emotiongithub.comEmotion is a performant and flexible CSS-in-JS library. Building on many othe.. 2024. 8. 8.
⚠︎ 백준 - 25682 체스판 다시 칠하기 2 # 25682체스판 다시 칠하기 2🥇G5 흠흠그니까일단 크기는고정이니까 원래 판 위에서 밀면서 훔 2차원슬라이딩윈도우처럼 하면 되지 않을까~검정이 모서리일 때 / 흰이 모서리일 때 : 중에 작은 걸로하나가 n개 새로 칠해야 하면 다른 하나는 K*2 - n둘 중에 작은 게 정답 후보그럼 들어오는 줄이랑 나가는 줄이랑 다르게 생긴 개수만큼 아닌데그걸로는 계산할 수 없는데검정이 모서리일 때 / 흰이 모서리일 때 : 각각 틀린 네모를 표시해놓고하고 kk 움직이면서 바뀐줄만갱신해서최솟값찾기 으으 구현...을ㄹ머리꼬였아..시간초과남....화나네.......이럴거면브루트포스했지 아 누적합...누적합이네...화나네...난 멍청이야누적합왜생각못했지 나도 똑똑하고 싶어! 2024. 8. 7.
🧀 카부캠 클라우드 특강 1 kargo : cloud native CI/CDD2hub : private container image registry Jenkins:  CI/CD를 위한 오픈 소스 도구로, 소프트웨어 개발 생명주기를 자동화/코드 변경 사항이 발생할 때마다 자동으로 빌드, 테스트, 배포 과정을 수행 도커 : 컨테이너를 생성하고 관리하는 가장 인기 있는 플랫폼 중 하나 /. 개발자들이 애플리케이션과 그 종속성을 컨테이너에 넣어 이식성, 즉 다른 환경에서도 똑같이 실행할 수 있게 해줌 / 이는 개발에서 배포에 이르기까지 일관된 환경을 제공함으로써, "내 컴퓨터에서는 작동하는데"라는 문제를 피할 수 있게  쿠버네티스 : 컨테이너 오케스트레이션 도구로, 많은 수의 컨테이너를 자동으로 배포, 확장 및 관리할 수 있게 해줌 /  .. 2024. 8. 7.
⚠︎ 백준 - 1904 01타일 DP....더 이상 물러날 곳이 없다# 190401타일🥈 S3 음..100,11001, 100, 111 1001,0011,1100,1111,000010000,00001,00100,11111,10011,11001 그리고으ㅓㄹ 근데 꼭 DP로해야하나? 수학으로할수잇잖아 sum( C(i+N-(i*2),i) for i in range(N//2))는 O(N^2)네  ..DP ㅇ직전 거에 1 사이사이 끼워넣기직직전 거에 00 사이사이 끼워넣기는 아니고 그냥 직직전거에서 0만으로 이루어진것만영향이잇네고럼 직전거에서 아 헷갈은그냥이미 이이전거에서 이전 거로 올라오는 거에 그 사이 것들은 다 반영이 되어 잇구나 새로 뒤에 추가되는공간만생각하면됨그냥 더하기하기! 태진오빠가 우리가 다 안 푼 문제로 문제 골라주는 딸깍 만.. 2024. 8. 6.