본문 바로가기

전체 글4

내가 만든 홈페이지, Lighthouse 90점 이상 달성 비법 (Core Web Vitals 최적화 실전 방법) 내가 만든 홈페이지, Lighthouse 90점 이상 달성 비법 (Core Web Vitals 최적화 실전 방법) "내가 만든 홈페이지 왜 이렇게 느리지?"몇 달간 밤새워가며 정말 열심히 만들었는데,방문자들이 3초도 못 기다리고 휙 나가버리면 진짜 힘 빠지잖아요.저도 딱 그 심정이었습니다.처음 제 사이트 라이트하우스(Lighthouse) 점수를 보고두 눈을 의심했어요. 새빨간 50점대라니...이건 단순히 숫자가 낮은 걸 넘어서, 구글이 "당신 사이트는 사용자 경험이 좋지 않아요"라고직접 말해주는 경고등이었죠.'대체 뭐가 문제일까?' 파고들기 시작했고,모든 길은 결국 '코어 웹 바이탈'로 통하더군요.그런데 막상 해결책을 찾아보니 너무 어려운 용어뿐이었어요.그래서 제가 직접 몸으로 부딪히면서 알아낸,비전공자.. 2025. 10. 25.
Asynchronous와 Promise, 50대 늦깎이 개발자의 개념 알기 Asynchronous와 Promise, 50대 늦깎이 개발자의 개념 알기분명히 코드를 1번, 2번, 3번 순서대로 짰는데,왜 결과는 3번이 먼저 나오고 1번은 한참 뒤에 나올까요?솔직히 저도 코딩 처음 배울 때 이게 정말 미치도록 이해가 안 갔어요.특히 50대에 새로운 걸 배우려니, 굳어버린 머리가 더 복잡하더라고요."컴퓨터는 멍청해서 시키는 대로만 한다며!" 속으로 외쳤죠.그런데 알고 보니, 컴퓨터는 우리가 생각하는 것보다 훨씬 '효율적인 게으름뱅이'였습니다.이 모든 혼란, 사실 '비동기'라는 개념 하나만 딱 잡으면정말 신기할 정도로 간단하게 해결됩니다.오늘은 저처럼 늦깎이 개발자의 눈높이에서,비동기와 Promise 개념을 확실하게, 두 번 다시 헷갈리지 않게제대로 한번 파헤쳐 보겠습니다!🚀 순서대.. 2025. 10. 24.
50대에 깨달은 Vanilla JS의 중요성 프레임워크 의존성에서 벗어나는 법 50대에 깨달은 Vanilla JS의 중요성: 프레임워크 의존성에서 벗어나는 법경력 20년차, React, Vue는 물론이고초창기 Angular까지 웬만한 프레임워크는다 써봤다고 자부하는 '시니어' 개발자입니다.그런데 얼마 전, 코드 리뷰 중에열정 넘치는 신입 개발자의 질문 하나에순간 말문이 턱 막히고 얼굴이 화끈거리는 경험을 했죠."선배님, useEffect의 두 번째 인자 배열이 비어있을 때,정확히 어떤 원리로 컴포넌트 마운트 시점에만 콜백이 실행되는 거죠?" '그냥 그렇게 쓰는 규칙'이라고 얼버무렸지만,마음속으로는 알고 있었습니다.프레임워크가 '알아서' 해주던 것의가장 근본적인 동작 원리를 설명하지 못하는 제 자신을요.그 순간 깨달았죠. 아, 나는 지난 몇 년간 '프레임워크 사용자'였구나.진짜 '.. 2025. 10. 24.
오늘 나는 새로운 마음가짐으로 시작한다 이봐! 네가 해도 되겠어! 그거 안될걸,. 무언가 하려는 시도에 남들에게 말을 하면 비웃듯이 깎아내린다 그러라 그래 나는 내 갈길 간다 나의 마음에 짐을 내려놓고 나는 그 길을 천천히 걸어가련다 빠른 수단이 있다면 타고 가겠지만 묵묵히 나의 길을 가는것이 나에게도 맞고 그것이 정석이라 생각한다 먼 훗날 그래 ! 잘한 선택이야 아마도 5년.. 10년 뒤,. 내가 원하는 장소에서 내가 하고 싶은 만큼만 그 누구의 강요나 묶인 자신이 아닌 개인의 자유 의지로 그렇게 나는 내 시간을 꾸려가련다 지금은 그 시간을 묵묵히 버티는것이기에 나는 오늘도 힘내서 살아가본다 2025. 7. 29.

티스토리툴바