4학년/Project-itda
-
[Docker] 라이브 챗 구현해보기4학년/Project-itda 2025. 4. 11. 14:17
라이브 챗 어떻게 구현하지 ? 생각 해봤습니다. 일단 실시간 하면 Websocket이죠. Websocket에 대해 좀 찾아보니TCP연결위에서 작동하며 양방향 통신을 지원합니다. 이걸 이용하면 소통은 되겠는데... 저장은 어디다하죠 ?그래서 DB를 찾아봤습니다. 우리 웹이 진짜 뭐 이것저것 많아 질 것 같아서 좀 경량화 하길 원합니다.그래서 Postgre DB에서 모두 처리하는게 아니라 Redis를 통하여 처리 할 것입니다.[클라이언트] ↓ 웹소켓 [FastAPI 서버] ↙️ ↘️ [Redis] [PostgreSQL] ↑ ↑ Pub/Sub 영구 저장 ↓ [다른 유저에게 실시간 전달] 가 구조가 되겠네요. 왜 두개를 같이 쓰냐 물어본다면 Postgre..
-
내가 하는게 바이브 코딩?4학년/Project-itda 2025. 4. 10. 20:38
요즘 생각하는 것 중 하나가 개발할때 그냥 이거이거 만들고 싶어 디자인을 하자. ( 이것도 걍 지피티 한테 맡기고 수정해가고 싶은데 이미지 부분은 아직 잘 쓸 줄 몰라서 내가 직접 한다 )그리고 디자인에 맞게 코드 짜줘 ! 복붙. 완성. 이게 다 인거 같아서 바이브 코딩인가? 하는 생각이 든다. 바이브 코딩이 무엇인가 모르는 사람을 위해 말해보자면 그냥 냅다 지피티 한테 다 맡기는 게 바이브 코딩입니다.비교적 최근 생긴 단어이고 공식적인 용어가 아니라,이게 정확한 정의가 맞는진 모르겠다만 요즘 지피티한테 주문하면 다 해주잖아요?난 메모 웹을 만들고 싶다. 만들어줘봐봐잉 하면 뚝딱 만들어줍니다.감각에 의존해서 즉흥적으로 정해진 설계 없이 느낌대로 ... vibe하게 코딩하는 걸 일컫는다고 하네요 지피티..
-
[git]존나게 섬뜩한 순간4학년/Project-itda 2025. 3. 26. 12:09
난 이 소스 컨트롤이 너무 무섭다....어느순간 Desktop전체 로컬 파일이 올라가서 소스트리가 14K+가되어버렸는데 어쩌죠이거 소스트리에있는거 다지워도되는건가요 ;;;;;;;;내가작업한것도 삭제되면우캄;;;;; 그래서 찾아보니냅다 지우면 족댄다...냅두기엔 너무 랙걸린다...복붙하나도 골뱅이뜬다... 그래서 나의 구원자같은https://fromnowwon.tistory.com/entry/remove-git-local-repository [VSCode] Git 5k 없애기 "너무 많은 변경이 감지.." Git 로컬 저장소 확인VSCode에서 Git을 연결해 사용하다 보면 소스 제어 탭에 5k(5,000)+가 뜨면서, 너무 많은 변경이 감지되었다며 은근 신경 쓰이게 할 때가 있다. 이러한 현상은 상위 ..
-
[Front구현] 주간 달력 구하기4학년/Project-itda 2025. 3. 20. 11:18
아래는 로직 아이디어입니다 날짜 로드 -> ok 마지막날 첫 날 처리 ->no 요일 인덱스 ( 월 0 화 1 수 2 목 3 금 4 토 5 일 6 ) getCurrentWeek => { 오늘날짜 / 오늘 달 / 오늘 날짜일주일의 시작 / 이번주 모든 요일 오늘날짜 => new Date() 오늘 달 => new Date().getMonth() 오늘날짜의 일주일의 시작 (firstDayOfWeek) => 오늘날짜(12일 수) - 요일인덱스( 2 ) = 10이 일요일날짜 이번주 요일 [] => for문. i = 0 부터 6까지 , date = 날짜 객체 ( 앞으로 변경될 temp날짜변수 ) - date에 i 더하기 , 만약 구한 date가 현재 month의 마지막 날짜보다 크다면 1로 설정하여 다음달로 ..
-
[시스템아키텍처]클라우드가 뭔데 ?! 다이어그램 어케하면 되는데 ?!!4학년/Project-itda 2025. 3. 18. 18:34
우선 개발 계획만 세운 단계에서 보면 우리는 업로드된 사용자 작업물 ( 데이터 ) 들을 클라우드에 안전하게 보관하기 위해 AWS S3를 쓰겠다! 이렇게 정의만 했음.WHY?-> 그냥 클라우드에 저장하면 안전하겠지. 어쨋든 우리 하드웨어에 데이터 저장할 거 아니잖아?그니까 클라우드쓰자.그중에서 가장 안전한 AWS를 쓰는거야! 근데 AWS에선 S3가유명하네? 이걸쓰자.한거지. Problem !근데 막상 개발하려고 하니까 클라우드가 뭔지도 모르겠다. & 아키텍처를 도대체 어떻게 짜는건데 ? 구글에 검색하면 cloud 아키텍처 그림이 왕왕 나오지만 , 난 하나도 이해를 못하겠다 ㅠ 가 되어버려서 쓰는 글. Solution Process 우선 어차피 구글에 클라우드가 먼가요...쳐봤자 이해못하니까 지피..
-
와 대박 vh에 대한 삽질4학년/Project-itda 2025. 2. 18. 19:16
와대박 이제 이해함 지금까지 vh를 vw로 쓴 이유가가로 vw는 보통 페이지가 가로로 길어지진 않고, 화면이 1920px로 고정되어있으니까 넓어지지않는데세로 vh는 컨텐츠가 많으면 페이지가 막 2000px까지 늘어날수도있는데, vh는 늘어난 페이지 2000px을 기준으로하니디자인을 1080px로 했을 때 컨텐츠들이 늘어나는거 아님???????????? 했는데 아니었음걍화면 기준이었음... 네, 맞습니다. vw와 vh 단위는 각각 뷰포트 너비와 높이의 백분율을 기준으로 합니다.vw (viewport width): 뷰포트 너비의 1%를 의미합니다. 예를 들어, 1920px 너비의 화면에서 1vw는 19.2px입니다.vh (viewport height): 뷰포트 높이의 1%를 의미합니다. 예를 들어, 10..
-
[3] 개발 1 - 기본셋팅 & 프레임워크를 바꾸다...4학년/Project-itda 2025. 2. 6. 14:58
안녕하세요. 즈말입니다. 드디어 창작의 고통을 견뎌내어개발에 들어갑니다... [ 맡은 개발 부분 ] + nav만들기 요렇다고 볼 수 있겠네요. 사유는... 저부분들 디자인이 아직 맘에 안들어서 ㅠ너무 그냥 디자인초보가 네모 딲딱딱 냅둔거같아서 개발하며 수정하기 위해서입니다. 왜 진작 수정하지않았나? 방학이라 나태issue도 있고 너무 수정할게 많아서 한 2주는 더 필요할 거 같은데슬슬 개강도 다가오니 개강전에 프론트 다 만들어 놓으려면이제는 시작해야 할 거 같아서하면서 수정하기로 했습니다.힛 [ 백,프 기초 셋팅 ] 이번에도 어김없이제가 하게되었습니다. 처음엔 springboot쓰자 !! 실무에서 많이 쓰니까!!! 라는 원대한 계획이 있었으나... 아무래도 개발시간이 짧고 개발할게 너..
-
[2] 디자인4학년/Project-itda 2025. 2. 3. 19:08
즈말이올시다.죄송합니다 안녕하세요 즈말입니다. 이번에도 디자인을 제가 하기로 했습니다.딱히 강제로 맡은 건 아니구요그냥 제 디자인을 마음에 들어 해주는 그대들의 모습이좋기 때문에 ... 연습도 좀 할 겸 한다고 자진했습니다. [ 디자인 들어가기 전... ] 이번에는 좀 프로세스를 지킨 디자인으로 하려고 해봅니다. 항상 디자인을 주먹구구구 인터넷 여기저기에서 짬뽕믹스감성디자인으로 내 쪼대로 하다보니...뭔가 디게 ... 그냥 딱 봐도 아마추어가 ( 지금도 아마추어임 )한 디자인이 나와서 좀 스껄합니다. https://vintagemonday.tistory.com/26 [디자인기초] 14강. 웹 디자인 프로세스1 웹 디자인 프로세스 ■ 웹 디자인 프로세스 1) 조사&분석 - 누가 이 웹 사이트를 사용할 것..