xeunnie

책소개혹시 AI에게 소일거리 외주 맡기다가 주객전도가 된건 아닌지,내가 AI한테 대체되는 인력이 되는건 아닌지,고민하는 사람들에게 주는 경고장과 AI 시대의 대응책이다. 잠깐의 편리함에 취해 생각의 근육을 소홀히 한 대가가 더 큰 재앙으로 올 수 있다. 인공지능의 성능에 현혹되어 고민을 놓치게 된다면 우리는 어떻게 해야할까? 선정 이유최근들어 AI를 많이 쓰며 개발을 하게됐다. 편리함에 많이 취해 빠른 개발을 해낸지 어언 반년이 지나간다. 그 이전엔 AI를 잘 안썼다. 쓰긴 썼는데, 익숙해질까 두렵기도 했고 써본 결과 능력이 그렇게 출중하지는 않아보였기에 귀찮은 부분만 ai에게 외주를 맡기고, 중요한 부분은 손으로 치고 모르겠는 에러만 gpt한테 물어보곤 했다. 이젠 펑펑 쓴다. AI와 함께하니 어..

인프라 엔지니어가 되면 어떤 일을 하게 될까?이런 질문에 대한 답이 담긴 책이다. [이 책을 고르게 된 이유] 개발자 대부분이 기능개발을 하는 것 같다. 나또한 요구사항 정의서와 디자인을 보며 기능을 찍어내는 개발자다. 옛날이야기다.그에 대한 지식을 끝없이 채우며 기능 개발을 하고 있다보면, 빌드 결과를 거대 인프라 환경으로 배포를 해주시는 수석님이 계셨다. 운영망과 개발망에 맞게 네트워크 세팅을 해주시고 리소스에 맞게 하드웨어를 관리해주시곤 했는데,때마다 랙에서 서버를 꺼내 모니터를 연결해 리눅스 명령어를 치는 뒷모습을 볼 수 있었다. 마치 피아노를 치는 그랜드 마스터 처럼, 친구들과 메신저를 치는 모습처럼, 영화 속 해커처럼,빠르고 유연하게 키보드를 치고 나면 수백줄의 로그가 찍히며 서비스가..

No Throttling: 개발자 도구 속 “최상의 속도” 🚀 개발자 도구(DevTools)를 사용하다 보면 네트워크 설정에서 “No throttling”이라는 옵션을 자주 마주치게 됩니다. 이 옵션은 실제로 무엇을 의미하며, 개발 과정에서 어떤 역할을 할까요? 오늘은 “No throttling”의 의미와 활용법, 그리고 개발 시 유용한 네트워크 설정 방법까지 살펴보겠습니다. 1. No Throttling, 그게 뭐야? 🤔 No throttling은 개발자 도구에서 네트워크 속도를 제한하지 않고 최상의 네트워크 상태를 시뮬레이션하는 옵션입니다.간단히 말해, 현재 사용 중인 인터넷 속도의 실제 환경 그대로 네트워크 요청을 처리하도록 설정하는 것입니다. 어디에서 찾을 수 있을까?• Chrome DevTo..

🕸 프론트엔드 개발자도 알아야 할 웹 크롤링의 모든 것안녕하세요! 오늘은 프론트엔드 개발자라면 한 번쯤 궁금해했을 웹 크롤링(Web Crawling)에 대해 깊이 있고 실용적인 이야기를 풀어보려고 합니다. '어...? 웹 크롤링은 백엔드나 데이터 사이언티스트들이나 하는 거 아니야?'라고 생각하셨다면, 오늘 글이 꽤 새로운 시야를 열어드릴 수 있을지도 몰라요. 저 역시 그렇게 생각했다가, 프로젝트에서 의외로 필요한 순간이 찾아왔고, 그때 정말 많은 걸 배웠거든요. 📌 웹 크롤링이 뭐길래?먼저 용어 정리부터 하고 가죠.웹 크롤링(Web Crawling): 웹 페이지를 자동으로 방문하고, 그 안의 정보를 추출하는 작업입니다.웹 스크래핑(Web Scraping): 크롤링을 통해 가져온 HTML에서 실제로 ..

# 구글 애널리틱스(Google Analytics) 사용법 – 개발자도 꼭 알아야 할 이유와 실전 적용법요즘은 개발자도 데이터에 민감해야 합니다. 페이지가 얼마나 자주 방문되는지, 유저가 어디에서 이탈하는지, 어떤 버튼을 자주 누르는지… 이런 것들을 알아야 사용자 경험을 개선하고, 의미 있는 기능을 더 잘 설계할 수 있거든요.그래서 오늘은 제가 실제로 써보면서 익힌 **구글 애널리틱스 사용법**을 정리해보려고 해요. 초보자도 이해할 수 있도록, 너무 마케팅 용어에 치우치지 않고, 실무 중심으로 정리해봤습니다.---## 1. 구글 애널리틱스란?**구글 애널리틱스(Google Analytics)**는 웹사이트의 방문자 데이터를 수집·분석해주는 무료 서비스입니다.- 얼마나 많은 사용자가 내 웹사이트에 ..

🙋🏻‍♀️ 시작하며리액트를 어느 정도 다룰 줄 안다고 생각했지만, 프로젝트가 커질수록 점점 불안해졌습니다.“이 구조가 맞는 걸까?” “이 상태, 여기서 관리해도 될까?”처음엔 고민하지 않아도 됐던 문제들이 하나둘 늘어나면서, 리액트를 ‘잘 쓰고 있는 게 맞는지’ 스스로에게 물어보게 되었어요. 그런 고민을 하던 중 『대규모 리액트 웹 앱 개발』이라는 책을 알게 되었고,읽는 내내 “내가 지금까지 왜 이렇게 힘들게 개발하고 있었을까” 하는 마음이 들었습니다.오늘은 그 깨달음과 배움을 여러분과 나누고 싶어요. “이게 진짜 리액트 개발자가 맞나…?” 그럴 때 내 눈앞에 나타난 책이 바로 『대규모 리액트 웹앱 개발』이다.표지부터 뭔가 믿음직한 이 책은, 단순한 리액트 사용법이나 기술적 설명이 아닌 “리액트를 진..

useDeferredValue: 지연된 값 처리로 성능 최적화하기 리액트에서는 성능 최적화를 위해 useDeferredValue라는 훅을 제공합니다. 컴포넌트가 값의 변화에 즉각적으로 반응하는 대신, 덜 중요한 작업을 지연시켜 렌더링이 막히는 문제를 해결해줍니다. 이 글에서는 useDeferredValue의 동작 방식, 사용 예제, 그리고 언제 어떻게 활용하면 좋은지 알아보겠습니다. 🌟 useDeferredValue란? useDeferredValue는 리액트 18에서 도입된 훅으로, 급하지 않은 상태 업데이트를 지연(deferred) 처리하도록 도와줍니다. 주요 개념 • 지연 처리: 급하지 않은 값 변화는 렌더링 우선순위가 낮아야 합니다. 이를 통해 중요한 작업(예: 사용자 입력)에 방해받지 않도록 합..

🚢 쿠버네티스(Kubernetes) 구조 완벽 가이드 ⚓  “쿠버네티스를 쓴다는데, 대체 구조가 어떻게 되어 있는 거지?”  쿠버네티스(Kubernetes)는 컨테이너 오케스트레이션 도구로, 수많은 컨테이너를 효율적으로 관리할 수 있도록 설계되었다. 하지만 내부 구조를 제대로 이해하지 못하면, 단순히 “자동화된 컨테이너 관리 시스템”으로만 보일 수 있다.  이번 글에서는 쿠버네티스의 구조를 아주 섬세하게 파헤쳐 보고, 내부적으로 어떻게 동작하는지 제대로 이해해보자! 🚀📌 목차 1️⃣ 쿠버네티스란? (간략한 개념 정리)2️⃣ 쿠버네티스의 전체 구조 개요3️⃣ 마스터 노드의 구성 요소4️⃣ 워커 노드의 구성 요소5️⃣ 쿠버네티스의 핵심 리소스6️⃣ 쿠버네티스 내부 통신 구조7️⃣ 실무에서 쿠버네티스 구..

🚨 Sentry 완벽 가이드: 프론트엔드 개발자를 위한 오류 추적 & 모니터링 🎯  “내 서비스에서 오류가 발생했는데… 대체 어디서 난 거지?”“유저가 버그를 제보했는데, 내 로컬에서는 재현이 안 돼!”  이런 고민을 해결하는 도구가 바로 Sentry!  이번 글에서는 Sentry가 무엇인지, 어떤 기능을 제공하는지, 그리고 실무에서 어떻게 활용할 수 있는지 자세히 알아보자.📌 목차 1️⃣ Sentry란? - 개념 및 특징2️⃣ Sentry의 주요 기능3️⃣ Sentry의 동작 원리4️⃣ Sentry 설치 및 기본 설정 (React & Next.js 예제 포함)5️⃣ Sentry에서 오류 추적하는 방법6️⃣ Sentry의 성능 모니터링 기능7️⃣ Sentry를 활용한 실전 사례8️⃣ 결론1️⃣ Se..

🏴‍☠️ Bitbucket 완벽 가이드: Git 호스팅부터 CI/CD까지! 🚀  “GitHub만 들어봤는데 Bitbucket은 뭐지?”“Git 관리뿐만 아니라 CI/CD도 할 수 있다고?”  👉 Bitbucket은 단순한 코드 저장소가 아니다!Git 저장소 + CI/CD + 보안 강화까지 포함된 종합 개발 플랫폼!  이번 글에서는 Bitbucket이 무엇인지, 주요 기능, GitHub과의 차이점, CI/CD 설정 방법까지 완벽 정리해보자!📌 목차 1️⃣ Bitbucket이란? - 개념 및 특징2️⃣ Bitbucket의 주요 기능3️⃣ Bitbucket과 GitHub의 차이점4️⃣ Bitbucket에서 Git 저장소 생성 및 관리5️⃣ Bitbucket Pipelines (CI/CD) 설정 방법6️..