All
7 posts
웹 성능 최적화로 로딩 속도를 N배 더 빠르게 만들기

오늘날 웹사이트와 애플리케이션의 성능은 사용자가 사이트에 머물지, 이탈할지를 결정하는 핵심 요소가 되었다. 디지털 환경에서 사용자 기대치는 점차 높아지고, 기업들은 경쟁 우위를 확보하기 위해 웹 성능 최적화를 중요하게 고려하고 있다. 웹 성능 최적화의 중요성 비즈니스 관점 웹사이트의 로딩 속도는 기업의 비즈니스 성과에 직접적으로 영향을 미친다. 사용자는 웹 페이지 로딩이 몇 초 이상 지연될 경우 이탈할 가능성이 높아지며, 이는 고객 손실로 이어질 수 있다. 실제로 구글의 연구에 따르면, 페이지 로딩 시간이 1초에서 3초로 늘어날 때 페이지 이탈률이 32% 증가하며, 10초로 늘어날 경우 그 비율은 123%까지 급격히 상승한다. 로딩 시간이 길어질수록 방문자가 웹 페이지를 떠나는 비율이 높아진다. 반면에, 빠른 웹 페이지는 더 많은 고객 유입과 유지로 이어진다. 검색 엔진 최적화 (SEO) 비즈니스 관점에서 SEO는 중요한 마케팅 수단이다. 구글은 2021년부터 웹 성능 지표가 검색…

[우아한테크코스 6기] 팀 프로젝트 3차 스프린트 회고

🚨 완성되지 않은 글입니다. 초안 작성해서 재업로드 할 예정입니다.🚨

[우아한테크코스 6기] 팀 프로젝트 1차 스프린트 회고

레벨3 팀 프로젝트 시작 우아한테크코스 레벨 3가 시작되었다. 약 5개월간 진행된 우아한테크코스 레벨 1, 2 과정은 페어 프로그래밍과 개인 미션으로 구성되었다. 레벨 3는 팀 프로젝트로 진행되며, 팀 멤버는 랜덤으로 결정된다. 우리의 서비스 팀원 모두의 아이디어를 노션에 적으면서 브레인스토밍을 했다. 내가 제안한 서비스 주제는 다. 그동안 친구들과 만날 시간이나 동아리 회의 시간을 정할 때, 모두의 일정을 취합하고 다수가 가능한 요일과 시간대를 파악하는 것이 쉽지 않았었다. 특히 모임 참여자가 많을수록 더 어려웠다. 이런 문제를 해결하기 위해 when2meet이라는 서비스를 사용해봤지만, 누가 언제 가능한지 한눈에 확인하기 어려웠다. 편함을 느끼고 대안을 찾았으나, 그 대안도 충분하지 않다는 점에서 개선된 서비스를 만들고 싶다는 생각이 들었다. 또한, 대면 만남을 계획할 때, 가장 먼저 만날 날짜와 시간을 정하고 그 다음으로 장소를 결정하게 된다. 이때 많은 사람들이 ‘어디서 …

[우아한테크코스 6기] FE 최종 합격

들어가며 작년에는 우아한테크코스 5기 최종 코딩 테스트에서 탈락했다. 프리코스를 진행하면서, 처음 지원했을 때보다 우아한테크코스에 참여하고 싶다는 마음이 더 커졌다. 매주 미션을 수행하며 배우고, 실패하고, 그 과정에서 성장하는 경험, 미션 후 받는 풍부한 피드백, 그리고 좋은 동료들과의 소통 등 프리코스 과정만으로도 얻어 가는 것이 많았다. 프리코스에서 얻었던 값진 경험들이 합격해서 본 코스를 해보고 싶은 마음으로 이끌었던 것 같다. 그래서 작년에 비해 더 간절한 마음으로 지원했고, 프리코스에 더욱 몰입하는 열정이 커졌다. 지원서 우아한테크코스에서는 지원서를 중요하게 여기는 것 같다. 나는 노션을 활용하여 지원서를 작성했고, 증빙 자료도 노션에 첨부하여 제출했다. 진심을 담은 나의 이야기가 잘 전달되길 바라며, 가능한 한 내가 작성한 글에 대한 근거가 될 수 있는 자료들을 찾아서 증빙 자료로 제출했다. 지원서는 각 문항에 대해 적을 수 있는 소재를 먼저 나열하고, 이를 키워드로…

[프론트엔드 데브코스 5기] 한 달 회고 3편

벌써 데브코스의 절반이 지나간다. 시간이 정말 빠르게 흘러가는 것 같다. Vue Vue 과제 요구 사항 중 하나가 였다. Vercel의 serverless 함수를 사용해서 API Key 노출을 막으려고 시도했으나, 테스트할 때 500 서버 에러가 발생하였다. API Key가 필요 없는 기본적인 테스트 코드를 구현하여 시도해 봤는데도 결과는 똑같았다. 오랜 시간 여러 방법을 동원하였지만 해결되지 않아 팀원분들과 멘토님께 여쭤봤지만 해결이 불가능했었다. React 과제가 발표된 날에 다시 한번 시도했는데 성공해다…! 갑자기 왜 되는 거지…? 분명 저번이랑 같은 코드인데…. 얼떨결에 돼서 기분이 좋았지만, 아직 왜 되는지 명확한 이유를 찾지 못했다. 지난번에는 왜 안 되었던 건지 이유를 알고싶다ㅠㅠ React React 강사님의 강의는 핵심적인 내용 위주이다. 그래서 강의 시간을 짧았으나, 스스로 공부해야 하는 내용이 많았다. React 공식 문서나 다른 기술 블로그의 글을 읽으면서…

[프론트엔드 데브코스 5기] 한 달 회고 2편

벌써 1달이 지나갔다니 시간이 정말 빠르다. 이번 MIL 회고 글은 KPT 방법을 이용하여 작성해 보려고 한다. Keep 이동 시간을 효율적으로 활용 일상 속에서 이동 시간이 상당히 많이 소요되는 편이다. 이러한 시간을 놓치지 않기 위해 지하철이나 버스에서는 강의를 듣거나, 개발 관련 서적을 읽는 등의 방법으로 자투리시간을 유용하게 활용하였다. 왠지 모르겠는데, 생각보다 이동하면서 공부할 때 집중이 잘 되었다. 뭔가 열악한 환경..?에서 공부하는 것이 적성에 잘 맞는 것 같기도 하다🤣 궁금증이 생겼을 때 즉시 탐색하고 정리하기 이전에는 궁금한 점이나 모르는 내용이 생겼을 때, 당장은 관련 정보를 찾아보되 깊게 학습하거나 정리하는 단계까지는 이어가지 않았다. 그러나 이번 한 달 동안은 궁금한 점이나 모르는 내용이 생기는 즉시, 그것을 찾아보고 학습한 내용을 정리하여 내 것으로 만드는 노력을 해왔다. 적극적인 코드리뷰 코드리뷰가 주는 장점이 큰 것 같다. 코드를 작성하다 보면 종종 ‘…

[프로그래머스 데브코스 5기] 한 달 회고 1편

📝 기록보다는 기억을 그동안 블로그에 게시된 글은 다수의 사람이 볼 수 있기 때문에 완벽하게 작성해야 한다는 생각에 얽매여 글쓰기를 주저하게 되었다. 그렇기에 대다수의 글을 노션에 비공개로 작성하였다. 하지만 되돌아보면, 그동안 노션에 정리한 글 대부분이 내 나름의 생각이나 경험을 담은 것이 아니라, 학습한 개념을 검색해서 찾아낸 타인의 잘 정리된 블로그 링크를 첨부하는 형태로 작성되었었다. 나의 글이 아니었다. 데브코스에서 진행된 우아한형제들의 마광휘님의 특강을 듣고, 기록과 블로그가 주는 영향에 대해 느끼게 되었고, 나의 글을 작성해야겠다는 목표를 가지게 되었다. 기록의 효과 학습 내용 작성 및 에러 해결 과정 작성 내용을 글로 작성해보면서 나만의 방식으로 정리할 수 있다. (기록을 성장으로 연결) 글을 작성하다보면 잘 안 써지거나, 모호하게 작성되는 부분이 부족한 부분이고, 이런 부분을 중점으로 보완해 나갈 수 있다. 같은 내용이나 비슷한 내용을 접했을 때 활용할 수 있다. …