[ CORS ] FE개발자가 BE개발자와의 평화를 지키는 기술

🎤 프론트엔드 개발을 하다 보면, 누구나 한 번쯤은 이 빨간 에러 메시지와 마주한 적이 있지 않으신가요? Access to XMLHttpRequest at 'https://api.example.com/users'from origin 'http://localhost:3000' has been blocked by CORS policy:No 'Access-Control-Allow-Origin' header is present on the requested resource. 이 에러를 처음 보는 순간, 대부분의 FE 개발자는 이런 수순을 밟게 됩니다. 1. 구글에 "CORS error fix" 검색2. 백엔드 개발자에게 슬랙 한 줄: "혹시 CORS 설정 좀 해주실 수 있나요...?"3. 답장을 기다리며 ..

🥹 아무 AI나 가져가는 건 싫어... 내 콘텐츠는 소중하니까!지난 포스팅에서 GEO의 중요성을 다룬 뒤, 한 가지 흥미로운 질문을 받았습니다."AI가 내 글을 읽는 건 좋지만, 무분별한 크롤링은 막고 싶을 때는 어떻게 하면 좋을까요? 그리고 이왕이면 Perplexity 같은 대세 엔진에 더 잘 노출될 방법은 없을까요?" 맞습니다. 무조건 문을 열어주는 것이 정답은 아닙니다.내가 원하는 엔진에게만 레드카펫을 깔아주고, 내 글이 AI의 답변에서 '신뢰할 수 있는 출처'로 선택받게 만드는 전략이 필요합니다.오늘은 그 구체적인 밀당 기술을 공유해보려 합니다. 🛡️ AI 봇과의 밀당: 선별적 크롤링 허용하기검색 엔진 봇(Googlebot 등)은 허용하되, 특정 AI 기업의 데이터 학습은 막고 싶을 때가 있습..

🎤 관심사가 생기면 어디에서 검색하시나요?아마 불과 1~2년 전만 해도 구글링이나 네이버 검색이 정답이었을 겁니다. 하지만 최근엔 어떤가요?챗GPT에게 물어보거나, 퍼플렉시티(Perplexity)가 요약해 주는 답변을 읽는 게 더 익숙해지지 않으셨나요? 사용자가 정보를 찾는 방식이 검색어 입력 후 직접 찾는 방식에서 AI와의 대화 및 즉각적인 답변 수령으로 변하고 있습니다.하지만, 여기서 한 가지 의문이 생깁니다. "검색창이 사라지면, 내 콘텐츠는 어떻게 노출해야 하지?" 음... AI가 알아서 내 글을 읽어주길 기다려야 하나? ...라고만 생각하셨다면,지금이 바로 마케팅과 검색 엔진 최적화의 새로운 패러다임에 다이브할 수 있는 기회! 🏋🏻 SEO의 시대가 가고 GEO의 시대가 왔다이전 질문에 이어..

🎤 "무한 스크롤" 구현해 보셨나요?네, 아마 프론트엔드 개발자라면 응당 구현해봤을 것이라고 생각합니다.무한스크롤이란 스크롤형태의 페이징을 의미하며, 스크롤이 끝까지 닿거나, 닿으려하는 경계에 하나의 요소를 특정하고, 해당 요소가 사용자가 볼 수 있는 view 영역에 보이게 됐을 때, 이벤트를 트리깅하여 데이터를 추가로 불러오는 페이징 기법입니다. 말 그대로 데이터가 무한하다면 정말로 무한하게 데이터를 볼 수가 있는 구조입니다.하지만, 한가지 의문이 있습니다. "계속 무한하게 추가가 된다면 어떻게 될까?" 음... 아마 무한히 볼 수 있지 않을까? ...라고만 생각하셨다면, 지금이 바로 프론트엔드 세계로 한걸음 더 나아갈 수 있는 기회! 🏋🏻 "무한 스크롤"과 함께 "무한 과부화"이전 질문에 이..

✏️ 5종 마이그레이션을 하게 된 계기마이그레이션을 하고자 마음먹게 된 계기는 바로 2025년 12월에 발견된 "React2Shell" RCE(원격 코드 실행) 취약점이 발견되었고, CVSS 점수 9.8 / CRITICAL 레벨로 방치한다면 실제 서비스에서 재산 피해까지 번질 수 있는 취약점을 보완하기 위해서 작업을 시작하게 되었습니다. 추가적인 개선 사항으로 이전에 DX를 위해 도입했던 🔗openapi-generator-cli를 활용한 api 자동 생성 시스템이 호환 확장성을 위해 필요 이상의 코드까지 포함하여 방대하게 생성하고 있는 문제가 있어, 빌드시간이 지연되는 사이드 이팩트를 가지고 있었습니다. 이를 개선하고자 Orval 라이브러리를 찾아보게 되었고, 마이그레이션 작업에 추가했습니다. 그리고 ..

🌄내일이면 2026년이 시작됩니다.지난 2025년을 돌아보는 시간을 가지기 위해 2025년 회고 포스팅을 하게되었습니다.회고의 작성 방식은 2026년의 목표 설정과 과분히 받은 감사함을 되새기기 위한"KPT" + "Loved"방식으로 작성했습니다. 📃회고 작성 방식회고 작성 방식은 대표적으로 3가지가 존재합니다.5L (가장 대중적이고 부드러운 방식)팀원들과 감정과 사실을 두루 나누고 싶을 때 좋습니다.Liked (좋았던 점): 즐거웠거나 만족스러웠던 부분.Learned (배운 점): 새롭게 알게 된 기술, 프로세스, 통찰.Lacked (아쉬운 점): 부족했거나 더 잘할 수 있었던 부분.Longed for (바랐던 점): 다음에는 있었으면 하는 지원이나 환경.Loved (고마운 점): 동료에게 고마웠던..