바이브코딩PT 11월 1일

오늘 공부에 투자한 순수한 시간: 2h

학습한 개념:
flexbox froggy 게임 1~24단계 깨보면서 flex 익히기

*용어 정리

• justify: 정렬하라

• space-aroud: 둘레에 같은 공간을 줘라 (양 끝 여백이 사이 간격의 절반이 됨)

• space-between: 개구리 사이에만 공간을 줘라 (개구리가 벽에 딱 붙음)

• align-items: 교차축(세로 정렬)

• flex-end: 끝(아래)로

• row-reverse: 가로줄 거꾸로

• column-reverse: 세로줄 거꾸로

• ex .yellow, .red: 자식 한마리만 움직이게

• order: 1: 순서를 1번으로/모든 아이템의 기본 순서는 0이므로, 1이 되면 맨 뒤로

• order: -1: 순서가 -1이면 0보다 작으니 맨 앞으로

• .yellow {align-self: flex-end;} : 나 자신(self)만 끝으로 맞춰라. 노란 개구리 혼자 아래로 내려감

• flex-wrap: 감싸서 넘겨라

• flex-flow: (direction+wrap)

• align-content: flex-start: 줄 묶음 전체를 시작(위)에 모아라

• align-content: flex-end: 줄 묶음 전체를 아래로 모아라

프로젝트 만드는 중 생긴 의문

• 클로드 데스크탑앱(IDE 사용X)으로 사용자들이 github를 중심으로 협업을 한다면? branch 나눠서 어떻게 하면 좋을까. (직장 내 사람들과 협업하려면)

• BYOK(Bring Your Own Key) 보안상 안전한가? (AI 기능이 포함된 사이트를 조직 외 사람들과도 공유하려고 하는데, API 비용을 내줄 순 없으니, API Key를 사이트에서 입력받는 방식을 사용하기도 하는데, 이 방법 보안상 문제는 없는지)

• AI가 생성한 코드(바이브코딩)에서 흔히 놓치는 보안 구멍은 무엇인가요? 리뷰할 때 체크리스트가 있는지?

AI 대화 내역 링크: https://claude.ai/share/0ecdae27-72d2-4193-8eda-aa1925486d8d

오늘 잘한 점:

오늘 부족했던 점:

오늘 총평: