싱이의 devlog

어느덧 ACC 연합 프로젝트에 참여한지도 2주가 지나가고 있다!좋은 기회로 해커톤에 참여하게 되었는데, 팀원들도 잘 만났고 일이 차근차근 잘 진행되고 있는 것 같아 좋다🥳 간략하게 우리 팀이 구현해야할 아키텍처를 소개하자면, '파일 공유 시스템'이다. 이번주에도 거의 1 ~ 2일에 한 번씩 회의를 하며 아키텍처를 수정했다. 번외 얘기이지만 우리 팀 서로 진행 상황 공유하는 건 정말 최고인 것 같다✌ 거기에 멘토님이 항상 큰 도움이 되는 말씀을 항상 남겨주시고 방향을 잘 잡아주시는 것 같아 더더더 열심히 하려는 것 같다!🤗  여튼 이번 회고록은 간단하게 한 주 간 배웠던 점들이나 인상 깊었던 부분들을 간단하게 정리해보려 한다.  1. 인프라 팀 쟁점 해결 2차 아키텍처를 만들 때 인프라 팀원과 쟁점이 ..

본격적으로 들어가기 전에 살짝의 주절주절  24년 하반기에 AWS Cloud Clubs OB 멤버로 참여하게 되었다. 이번에 OB 제도가 생기면서 동아리에서 새로 바뀐 점은 바로 OB 멤버들이 직접 YB 멤버들을 위해 세션을 진행했어야 하는 것이다. OB가 없었을 때는 아아주 멋진 캡틴들이 고생해줬다.  세션은 대개 AWS 서비스들에 대한 개념적인 내용과 핸즈온을 포함한다. 그래서 매주 다른 AWS 서비스들에 대해 세션을 진행하게 되고, OB들은 한 주를 선택해 세션을 진행하면 된다. 주어진 주제들을 정말 다양했다. IAM도 있고, Docker Container 관련된 내용도 있었고, CloudFront 관련된 내용 등등 많았다. 방학 테크 세미나 때 발표했던 CloudFront에 대해 또 한 번 세션을..

교내 캡스톤프로젝트을 하며 FE 역할을 맡게 되었다. 3인 1팀에서 혼자 FE 개발을 맡아 모든 일을 다 전담하게 되었다😮 프로젝트 스캐폴딩을 직접 해본 건 처음이었는데, 한 번 그 과정을 기록해보려 한다. 사용한 기술 스택은 다음과 같다. Yarn Berry Eslint & PrettierTailwindCSS배포는 Vercel (일단) Yarn Berry 활용하기 1. 프로젝트 생성먼저 yarn으로 넥제 프로젝트를 생성해줬다. 생성하고 나면 여러 질문들이 나오는데, 나는 권장해주는 설정들로 선택했다. (typescript, tailwind, eslint 등등.. 많은 옵션들이 나온다!)yarn create next-app ${project name} 2. yarn version 체크yarn 버전을 체..

※ 해당 글은 AWS Cloud Clubs EWHA에서 진행한 테크 세미나(AWS CloudFront & S3로 웹 배포해보기)에서 다뤘던 내용을 정리한 내용임을 밝힙니다.CloudFront의 개념CloudFront에 대한 개념을 들어가기 전에, 두 상황을 가정해보자.첫 번째 시나리오한국에서 새롭게 동영상 스트리밍 서비스를 오픈했다고 해보자. 그리고 평소 게임 스트리밍 서비스를 즐겨보는 한국 사는 길동이와 호주에 사는 브라이언이 있다. 이 둘은 서비스 오픈 시각에 맞춰 동시에 접속을 시도한다. 이때, 길동이는 바로 접속을 하여 영상을 볼 수 있었지만 브라이언은 1분을 대기했다가 서비스에 접속할 수 있었다. 이 둘의 서비스 접속 시간에 차이가 발생한 이유는 무엇일까? 그 이유는 바로 스트리밍 서비스의 서버..

※ 해당 글은 졸업 캡스톤 디자인 프로젝트 수업 일환으로 쓰인 글임을 밝힙니다. 23학년도 2학기 졸업 프로젝트 기획을 하며 핵심 기능을 구현하기 위해 AI를 활용해보자는 아이디어가 나왔다. 만약 사용자가 자신의 얼굴 사진을 입력한다면, 해당 인물의 얼굴형을 분석하여 얼굴형에 맞는 헤어 스타일을 추천해주는 기능이 필요했다. 이를 위해 여러 AI 모델을 참고해보았고, 아키텍처를 짜볼 수 있었다. 우리와 비슷한 기능을 고민하고 있는 사람들이 있다면 어떤 과정으로 모델들을 선정했는지 참고하면 좋을 것 같다. 우리가 구현해야 할 기능은 무엇이고, 어떤 AI 모델들이 필요할까? 우리가 구현하고 싶었던 기능을 한 줄로 요약하면 아래와 같이 정의할 수 있다. 사진의 얼굴을 인식하고, 해당 얼굴형을 분석해 어울리는 스..

이 글은 아래 로그인 기능에 관한 개념 정리글과 이어지는 글이다. 만약 로그인 기능과 관련된 필수 지식들을 톺아보고 싶다면 아래 글을 읽고 이 글을 읽는 걸 추천한다. [링크] 이 글은 프로젝트에서 눈물겨웠던 삽질기에 관한 내용이며, 때문에 두서가 없을 수도 있다. 그리고 무엇보다 결국 해결을 못한 슬픈 문제라 살짝 (아니 좀 많이) 속상하다🥺.. 해결을 못했더라도 기록을 하는 이유는 삽질을 하면서 배운 게 많기 때문이고, 다른 해결책도 찾았기 때문이다... 또로롱.. 간단하게 우리 팀 프로젝트의 로그인 기능을 설명하자면 1. 유저가 로그인을 하게 되면 JWT 토큰 방식으로 Access Token과 Refresh Token을 넘겨준다. 2. 서버는 Access Token은 API response body..

이번 팀 프로젝트에서 우리는 자체 로그인 기능을 구현해야했다. JWT 토큰 방식을 활용해 Access Token과 Refresh Token을 서버가 넘겨줬다. 그리고 프론트 단에서 토큰들을 쿠키🍪에 저장을 하는 방식으로 구현했다. 프로젝트 전에 동아리 과제를 하면서 시험적으로 프론트와 서버 사이에 토큰을 넘겨보는 작업을 해봤지만, 예상보다 순탄치 않았다. 원래 어떤 이슈를 겪었는지만 쓰려고 하다가 로그인 관련 개념들도 정리했더니 분량이 너무 길어졌다. 에러는 다음 글로 적어야징 👇Set-cookie 헤더로 넘어온 리프레시 토큰이 브라우저 쿠키에 저장이 되지 않아요!에 관한 삽질기👇 [링크] 🔐 본격적으로 들어가기 전에 로그인 구현에 대해 간단한 설명! 불과 몇달 전, 나는 여느 때와 다름없이 동아리 스터..

8월 4일, 세오스 데모데이를 끝으로 17기 공식 활동이 끝났다. 마감 당일까지도 프로젝트를 하면서 수정할 게 조금씩 나와서 끝까지 고생을 했는데 잘 배포도 하고 마무리되어서 정말 뿌듯했다. 동아리가 끝나고 미니엠티도 다녀온 후 근육통을 달며 프로젝트 회고 글을 한 번 작성해보려 한다!😎 우선 내가 참여한 프로젝트의 이름은 '바리바리'이다. 이는 자취생을 위한 한 끼 해결 반찬 픽업 서비스로, 평소 건강한 음식을 섭취하기 어려운 1인 가구에게 반찬 가게에서 당일 남은 재고를 판매해주는 서비스이다. 자취생들의 입장에서는 한 끼를 채울 수 있는 적절한 양의 반찬을 합리적인 가격으로 구매할 수 있고, 건강한 식습관을 유지할 수 있다. 더불어 반찬 가게 사장님들은 폐기 처분해야 하는 재고들을 판매할 수 있는 기..

보호되어 있는 글입니다.

보호되어 있는 글입니다.