• FrontEnd

  [FE] FE 폴더구조 - 프랙탈 폴더구조 (FSD와 유사한?)

  최근 회사에서 실제로 적용하고 있는 폴더구조에 대해서 이야기를 해보고자 한다 ㅎㅎ.FSD폴더구조와 유사한점이 많지만 자유도 측면에서 장점이 많은 프랙탈 폴더구조를 우리팀에선 채택하고 있다. 사실 프랙탈 폴더구조란 말은 없긴하다. FSD에서 영감을 받아서 커스터마이징한 폴더구조인데, 구조가 프랙탈처럼 같은 형태가 계속 반복되는 폴더구조라 네이밍을 붙이게 되었다. 좋은 폴더구조 ? 좋은 폴더구조는 뭘까? 좋은 폴더구조는 아래 항목중에 어떤게 잘 되어야 할까? 1. 내가 봐야할 부분을 바로 찾을 수 있는 구조2. 공통화된 파일들을 추적하기 좋은 구조3. 파일의 영향범위를 파악하기 쉬운구조 등등이 있을 것이다. 무엇보다 1번이 가장 중요한 것 같다라고 최근 생각한다. 기능을 추가하던, 고치던 내가 해당 레포의 ..

  →2025.08.17
• FrontEnd

  AI에 MCP로 날개달기 (Cursor + MCP로 깃,노션 등 연동하기)

  요즘은 AI를 쓰고 안쓰고에 따라서 개발 생산성이 사람마다 천지차이로 나는 것 같다. 최근에 커서를 알게 된 이후로, VSCODE는 내 컴퓨터에서 거의 fade-out 되기 직전이다.https://www.cursor.com/ Cursor - The AI Code EditorBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.www.cursor.com 커서?VSCODE를 포크떠서 만든 에디터로, 코파일럿처럼 IDE 내에서 AI를 사용할 수 있다. 월 20달러 (GPT 유료플랜이랑 동일)한 가격으로 이용할 수 있다. 개인적으로 코파일럿보다 매우매우 똑똑한 친구라고 생각한다. 내 프로젝트의 구조를 전반적으로 알..

  →2025.04.13
• FrontEnd

  [FrontEnd] MFA(Micro Frontend Architecture) 란?!

  알면 좋은 배경지식먼저 MFA는 MSA(Microservices Architecture) 의 프론트엔드 버전이다. MSA이란?- 커다란 하나의 모노리스 백엔드를 작은 서비스로 나누고 각 서비스는 느슨하게 결합되고 독립적으로 배치 가능한 서비스 말은 어렵지만.. 쉽게 생각해서 엄청나게 큰 프로젝트가 모놀리식하게(한개의 레포에서) 관리된다면 어떤 일이 발생할까?  한 프로젝트에 위와 같이 3개의 도메인이 존재한다고 생각해보자. 더 쉬운 이해를 위해, 각 도메인마다 팀이 존재한다고 생각해보자. A팀에서 작업한 A도메인의 API만 변경되어도 전체의 배포 시나리오를 동작시켜야 한다. 그렇기 때문에 각팀의 배포 시나리오를 항상 맞춰야 하고, 각 팀의 독립성이 떨어지게 된다. 이를 위해 각 도메인 별 배포를 독립적으..

  →2025.03.08
• 일기

  2024 회고

  정말 오랜만에 블로그에 글을 쓰는 것 같습니다. 취직하고 바쁘기도 했고, 블로그 글쓰기도 시간이 애매했던 것 같은데 ( 배부른 소리 ) 그래도 올해도 되돌아보고 내년을 준비하면서 올 한해 있었던 일들을 한번씩 생각해보려고 합니다.  1월~3월졸업도 하고, 현실적으로 현재 취업시장의 어려움을 깨달은 시기였던 것 같습니다. 인생 첫 면접을 봐보기도 하고 이곳 저곳 지원도 하고 떨어지기도 하면서 위기감을 많이 느꼈던 것 같아요. 그럼에도 JS,React에 대한 공부를 조금 더 깊게 하면서 이 길이 내 길이구나, 많이 생각했던 시기 같습니다. 1년여간 했던 학원일도 이때쯤 그만뒀었네요,  학원강사를 하면서 느꼈던건, 누군가한테 내가 아는 지식을 알려주는건 참 재미있는 일이라는 점. 그러면서 참 많은 책임감이 드..

  →2024.12.31
• 일기

  [Front] 2024 네이버 공채 합격

  어떤 말로 시작해야 할진 모르겠지만.. 결과부터 말하자면 2024년도 네이버 공채에 당당하게 합격했습니다!!네이버는 정말 예전부터 가고 싶었던 기업이기도 하고 꼭 붙어서 후기를 써보고 싶었는데 현실이 되서 너무 기쁘네요. 간략하게나마 어떻게 채용 프로세스가 진행되었는지 회고를 해보려 합니다. 서류 & 코딩 테스트네이버는 서류 & 코테 결과를 한번에 줍니다! 두가지를 어느정도 다 보는 것 같아 한쪽이 부족해도 충분히 커버할 수 있는 구조 같아요 자기소개서에는 제가 실제로 겪었던 항목들을 많이 적었던 것 같아요. 프로젝트를 진행하며 있었던 일, 왜 웹 프론트엔드를 지망하게 되었는지, 어떻게 공부를 했는지 충분히 고민하고 솔직하게 적으려 노력했던거 같습니다. 자기소개서와 더불어서 제가 운영하고 있는 블로그와 ..

  →2024.06.15