Blog
기술 블로그
프론트엔드 개발을 하며 문제를 해결한 과정과 배운 것을 정리합니다. RSS
자주 쓴 태그:#react#개발공부#웹개발#개발자#기술면접#매일메일#nextjs#backend#java#spring boot#개발자동화#리액트#스프링#취업준비#프론트엔드#activepieces모든 태그 →
26개의 글
· Dev Tools · 9분
매번 복붙하던 PR 리뷰 요청, 디스코드로 자동화하기
한 줄 요약 PR을 올리면 디스코드 리뷰 스레드에 요청문을 손으로 쓰던 걸, 명령어 한 줄로 바꿨습니다. 디스코드 웹훅 + GitHub CLI + 셸 스크립트 90줄이면 됩니다.
· DevOps · 5분
Docker 빌드 129초 → 21초, 모노레포 CI/CD 최적화 실전기
PR 하나당 2분 30초 기다리던 CI를 최대 84% 단축하고, 일반적인 코드 변경 PR은 42초까지 줄인 개선 경험 인턴으로 참여한 서비스 프로젝트에서 NestJS(백엔드)와 Next.js(프론트엔드) 기반의…
· CodingTest · 8분
[코테 1주차] 파이참 환경 세팅, 시간·공간 복잡도 & 프로그래머스 입문 문제 풀이
이번 주차에서는 코딩테스트 준비의 첫 단계로, 파이썬 개발 환경에 익숙해지고 알고리즘의 기본 개념을 이해하는 데 집중했다. 강의를 통해 개념을 정리하고, 프로그래머스 문제 풀이는 강의 진도와 상관없이 매일 최소…
· CodingTest · 7분
[0주차] 코딩테스트 준비 시작 이유 및 계획 (알고리즘 강의 추천 + 프로그래머스 로드맵)
취업 준비를 하면서 프로젝트 경험을 쌓는 데 집중하다 보니 코딩테스트 준비는 자연스럽게 뒤로 밀려 있었다. 하지만 막상 여러 기업 전형을 살펴보니, 여전히 서류 합격 후 코딩테스트로 1차 전형을 진행하는 곳이 매우…
· Frontend · 4분
Redux보다 가볍고 Context보다 단순하게 — Zustand로 전역 상태를 관리
안녕하세요, 이번 포스팅에서는 React 전역 상태 관리의 핵심 라이브러리인 Zustand를 정리해봤어요. React로 프로젝트를 하다 보면 한 번쯤 이런 고민을 하게 됩니다.
· Projects · 3분
AI 페어 프로그래머 + 코드자동화: Cursor로 생산성 3배 높이기
사용 툴: Cursor (Claude Sonnet 4.5 기반 AI 페어 프로그래밍 IDE) backend/app/controllers/api/v1/healthcontroller.rb…
· Frontend · 6분
React 네이밍 컨벤션 & Git/PR 규칙 정리
React 개발에서 함수와 컴포넌트 네이밍은 단순한 스타일 문제가 아닙니다. 가독성, 유지보수성, 협업 효율을 결정짓는 핵심 요소입니다. 이 글에서는 기본 개념부터, 기업 현장에서 쓰이는 규칙, 그리고 제가 실제로…
· Backend · 5분
[매일메일] 단위 테스트와 통합 테스트의 차이점은 무엇인가요?
단위 테스트와 통합 테스트의 차이점은 무엇인가요? 소프트웨어 테스트의 한 유형으로, 소프트웨어의 개별 구성 요소 또는 모듈이 예상대로 작동하는지 검증하는 과정 “단위”는 보통 메서드. 함수, 또는 클래스와…
· Backend · 8분
[매일메일] 동기 방식으로 외부 서비스를 호출할 때 외부 서비스 장애가 나면 어떻게 조치할 수 있나요? + 동기와 비동기의 차이점은 무엇인가요?
동기 방식으로 외부 서비스를 호출할 때 외부 서비스 장애가 나면 어떻게 조치할 수 있나요? 1) 동기 vs 비동기 통신 동기(Synchronous): 요청이 끝날 때까지 대기 → 직렬적 실행, 장애 전파에 취약…
· Backend · 7분
[매일메일] @Component, @Controller, @Service, @Repository의 차이점에 대해서 설명해주세요.
@Component, @Controller, @Service, @Repository의 차이점에 대해서 설명해주세요. <table style="border-collapse: collapse; width: 100%;…
· Backend · 4분
[매일메일] equals와 hashCode는 왜 함께 재정의해야 할까요?
equals와 hashCode는 왜 함께 재정의해야 할까요? 1) 객체 비교: 동일성과 동등성 자바에서 객체 비교는 두 가지 방식이 있다: ==는 동일성(Identity)을 비교한다. 즉, 같은 객체 인스턴스인지…
· Backend · 7분
[매일메일] 데이터베이스 인덱스에 대해서 설명해주세요.
데이터베이스 인덱스에 대해서 설명해주세요. 정의: 추가적인 쓰기 작업과 저장 공간을 사용하여 데이터베이스 테이블의 검색 속도를 향상시키는 자료구조 (책의 색인처럼 특정 데이터를 빠르게 찾을 수 있음) 장점
· Backend · 5분
[매일메일] 로그와 메트릭을 설명해주세요.
로그와 메트릭을 설명해주세요. 정의 시스템이나 애플리케이션에서 발생하는 사건/활동 기록을 텍스트 형식으로 저장한 데이터 주로 디버깅, 문제 해결, 보안 감사, 시스템 상태 분석에 사용 특징 텍스트 기반: 사람이…
· Backend · 2분
[매일메일] 얕은 복사와 깊은 복사에 대해서 설명해주세요.
얕은 복사와 깊은 복사에 대해서 설명해주세요. 얕은 복사(Shallow Copy) vs 깊은 복사(Deep Copy) 얕은 복사 (Shallow Copy) 개념: 객체 자체만 복사하고, 내부에 포함된 참조형…
· Backend · 4분
[매일메일]자바에서 Checked Exception과 Unchecked Exception에 대해서 설명해주세요.
자바에서 Checked Exception과 Unchecked Exception에 대해서 설명해주세요. - - 프로그램 실행 중에 개발자의 실수로 예기치 않은 상황이 발생했을 때 예를들어, 배열의 범위를…
· Backend · 5분
[매일메일] JPA의 ddl-auto 옵션은 각각 어떤 동작을 하고 어떤 상황에서 사용해야 할까요?
JPA의 ddl-auto 옵션은 각각 어떤 동작을 하고 어떤 상황에서 사용해야 할까요? JPA Java Persistence API의 약자 자바에서 관계형 데이터베이스를 사용하는 데 필요한 기능을 제공하는 ORM…
· Projects · 16분
[인턴 일지] 노코드/로우코드로 만든 뉴스레터 자동화: 회사 과제로 시작해 MVP까지
스마트팩토리 기업 인턴 기간 동안, 회사로부터 노코드·로우코드 툴을 리서치하고 실제 적용 사례를 구현하라는 과제를 부여받았습니다. 기존 코드 중심 개발보다 빠르고 효율적인 자동화를 검증하는 목적이었고, 주제는…
· Backend · 8분
[Backend] 초보 개발자를 위한 자바·스프링 핵심 가이드: DI/IoC와 Factory 이해
1) 자바 기본 용어 2) OOP(객체지향) 핵심 3) Factory 패턴 (생성 책임 분리) 4) DI/IoC 개념 5) 스프링 매핑 6) 어노테이션 → 컨테이너 → 인젝션 (역할 매핑) 7) 스프링…
· Backend · 8분
[Backend] Java 8 레거시 환경에서 Spring Boot 2.3 버전으로 다운그레이드 하는 방법 ( 흔한 오류 해결법 포함 )
Java 1.8 환경에서 안정적으로 동작하도록 프로젝트를 정리하는 단계별 안내와 실제 오류 해결 방법을 모았습니다. Spring Boot 2.3.1 Java 1.8 Gradle 6.9.4 DSL Groovy
· Archive · 1분
[SOPT] SWEB 1–4주차: 프론트엔드 학습 모음
PC 2단 → 모바일 1단 전환까지 핵심. 뷰포트/유동 레이아웃/미디어쿼리/반응형 이미지 정리. responsive css layout 호이스팅/TDZ/이벤트 루프/micro·macro task 정리 + 빈출 질문…
· Frontend · 5분
[유데미 러닝크루] Next.js 스터디 5주차 - Next.js 배포 실전 마스터 가이드 (표준 빌드, 정적 배포, Vercel 실습까지)
1) 5주차 진행 범위 & Udemy 강의 소개 2) 5주차 학습 정리 — Next.js 배포 과정 — 1️⃣ next build vs next export — 2️⃣ 빌드 결과 읽기 & 재배포 필요성 — 3️⃣…
· Frontend · 5분
[유데미 러닝크루] Next.js 스터디 4주차 – 파일 기반 라우팅 완벽 정리! 동적 경로 & 필터링까지
1) 4주차 진행 범위 & Udemy 강의 소개 2) 4주차 학습 정리 — 파일 기반 라우팅/동적 경로/필터링 1️⃣ 프로젝트 시작 & 라우팅 계획 2️⃣ 페이지 & 동적 라우팅 구현 3️⃣ 연도/월 필터링 &…
· Frontend · 3분
[유데미 러닝크루] Next.js 스터디 3주차 – Next.js와 Lucia로 로그인부터 세션 관리까지, 인증 시스템 구현
1) 3주차 진행 범위 & Udemy 강의 소개 2) 3주차 학습 정리 — Next.js × Lucia 인증 1️⃣ 사용자 계정 생성(Signup) 2️⃣ 로그인(Login) 3️⃣ Lucia 세션 관리 4️⃣…
· Frontend · 4분
[유데미 러닝크루] Next.js 스터디 2주차 – 리액트 서버 컴포넌트 vs 클라이언트 컴포넌트
1) 2주차 진행 범위 & Udemy 강의 소개 2) 2주차 학습 내용 정리 (Next.js 핵심) 1️⃣ 서버 vs 클라이언트 컴포넌트 2️⃣ 서버 컴포넌트 동작 방식 3️⃣ 클라이언트 컴포넌트가 필요한 경우…
· Certification · 5분
[자격증] 정보처리기사 - 2025 필기 1회 합격! 단기 공부법 & 맞추다 활용 팁
📅 시험 날짜: 2월 28일 (금) 📖 공부 시작: 2월 24일부터 (집중 공부 기간 2~3일) 정보처리기사 필기를 단기간에 준비하면서 가장 효과적이었던 공부법을 공유합니다. 전공자였지만, 오랜만에 공부하다…
· Frontend · 6분
[유데미 러닝크루] Next.js 스터디 1주차 – 스터디를 시작한 이유와 React 기본 개념 정리
1. 스터디를 시작한 이유 2. 강의 전 사전 학습 자료 3. Udemy 강의 소개 4. 1주차 진행 범위 5. 1주차 학습 내용 정리 6. 추가 정리 – 함수/컴포넌트 네이밍 규칙