반응형 전체 글14 프론트엔드 취업 치트키: 렌더링 방식 3대장 장단점 및 실무 코드(CSR, SSR, SSG) 프론트엔드 개발자 면접에서 빠지지 않고 등장하는 단골 질문,"CSR, SSR, SSG의 차이는 무엇인가요?" 단순히 면접용 암기가 아니라, 실제 서비스를 기획하고 성능을 최적화하려면이 렌더링 방식들의 차이를 명확히 이해해야 합니다. 오늘은 React나 Next.js를 다루는 개발자라면 반드시 알아야 할웹 렌더링 3대장(CSR, SSR, SSG)을7살도 이해할 수 있는 쉬운 비유와 실무 코드 예시로 완벽하게 정리해 드립니다.목차CSR (Client-Side Rendering): 밀키트SSR (Server-Side Rendering): 식당 주문SSG (Static Site Generation): 편의점 도시락한눈에 보는 비교 및 요약1. CSR (Client-Side Rendering)기본 개념브라우저(C.. 2026. 1. 18. [백엔드 필수] N+1 문제, 아직도 반복문으로 쿼리 날리시나요? (Prisma 최적화) ORM(Object-Relational Mapping)을 처음 사용할 때 가장 흔하게 겪는 성능 이슈,바로 N+1 문제입니다."로컬에서는 잘 돌아갔는데, 데이터가 쌓이니까 API가 너무 느려요!"라고 한다면 90%는 이 문제입니다. 오늘은 이 N+1 문제가 정확히 무엇인지 개념을 잡고,Prisma 환경에서 실수하기 쉬운 나쁜 코드(Bad)와 이를 최적화한 좋은 코드(Good)를 비교해서 보여드리겠습니다.1. N+1 문제란?💡 정의1번의 쿼리로 해결할 수 있는 일을, 데이터의 개수(N)만큼 추가 쿼리를 날려서 총 N+1번의 쿼리를 실행하는 비효율적인 상황예를 들어, 게시글(Post) 목록을 가져오면서 각 글을 쓴 작성자(User) 정보를 함께 보여줘야 한다고 가정해 봅시다.1번의 쿼리 : 게시글 10개를.. 2026. 1. 15. 변수명 짓기 3초 컷! 신입 개발자를 위한 필수 영어 치트시트 (즐겨찾기 필수) 개발자로 일하다 보면 코드 로직을 짜는 시간보다'변수명 짓기(Naming)'나 '커밋 메시지 작성'에 머리를 싸매는 시간이 더 많지 않으신가요? 영어 실력이 부족해서가 아닙니다.'개발자들끼리 약속된 뉘앙스(Context)'를 아직 익히지 못했기 때문입니다.잘 지은 변수명 하나는 주석 10줄보다 강력합니다. 이 포스팅은 실무에서 가장 빈번하게 사용한 [개발자 필수 영어 표현]을 엑기스만 모아 정리한 치트시트입니다.지금 바로 Ctrl+D(북마크) 해두시고 필요할 때마다 꺼내보세요!📑 이 글의 목차1. 변수/함수 네이밍 (Boolean, 조회, 조작)2. Git 커밋 메시지 규칙 (협업의 기본)3. 실무 필수 동사 & 전치사4. 코드 리뷰(PR) 줄임말 완벽 해석1. 변수/함수 네이밍 (Naming Conv.. 2026. 1. 14. 이전 1 2 3 4 5 다음 반응형