문제 상황React 공부를 하면서 mini-blog, my-app처럼 각각 다른 프로젝트를 만들게 되었다. 이들을 각각 GitHub에 올리다 보니 레포지토리가 분산되어 관리가 어렵고, 하나의 레포지토리에서 모아 보고 싶다는 생각이 들었다. 그래서 react-study라는 하나의 레포지토리를 만들어 그 안에 react-start/mini-blog, react-start/my-app 형태로 구조를 통합하려 했다.하지만 로컬에서는 VSCode 상에서 잘 정리된 구조가 GitHub에는 반영되지 않거나, 중첩된 .git 폴더 때문에 서브모듈 경고가 발생하고 푸시도 되지 않는 문제가 발생하였다.문제 원인mini-blog, my-app 폴더 각각이 독립된 Git 리포지토리였기 때문에 .git 폴더가 존재하고 있었다...

스프링 MVC 2 - 로그인 처리2: 필터와 인터셉터 정리이 글은 인프런 김영한님의 "스프링 MVC 2편 - 백엔드 웹 개발 활용 기술" 강의의 '로그인 처리2 - 필터, 인터셉터' 파트를 수강하고 정리한 내용입니다. 인증과 권한은 웹 애플리케이션의 핵심 기능 중 하나다. 이 강의에서는 로그인한 사용자만 접근할 수 있는 URL에 대해 서블릿 필터와 스프링 인터셉터를 통해 공통 인증 체크 로직을 효율적으로 관리하는 방법을 다룬다. 또한 ArgumentResolver를 통해 로그인 정보를 더욱 편리하게 주입받는 기법까지 소개한다.정리 및 흐름 요약서블릿 필터와 인터셉터의 개념 및 흐름요청 로그 필터 및 인증 체크 필터 구현인터셉터 기반 요청 로그, 인증 체크 구현로그인 후 redirect 처리 방법@Logi..

이번에 리액트를 활용한 프로젝트를 진행하기로 하면서, 프론트엔드의 기본 개념들도 어느 정도는 이해하고 있어야겠다고 느꼈다. 특히 JSX와 Elements는 리액트에서 가장 기초적인 부분이라서 먼저 정리해보았다.JSX란 무엇인가?JSX는 JavaScript XML의 약자로, 자바스크립트 코드 안에서 HTML 태그를 작성할 수 있게 해주는 문법이다. 겉으로 보기에는 HTML처럼 보이지만 실제로는 자바스크립트 문법 안에서 동작한다. 리액트에서는 이 JSX 문법을 사용해서 컴포넌트를 구성하게 된다.예를 들면:const element = Hello, world!;위 코드는 HTML처럼 보이지만, 브라우저가 바로 이해할 수 있는 건 아니고, Babel이라는 트랜스파일러가 이 코드를 다음과 같이 바꿔준다:const ..

최근 외국계 기업들의 채용 방식이 궁금해져서 하나씩 살펴보기로 했다. 그 첫 번째로 선택한 곳은 구글 코리아. 가장 잘 알려진 기업이니만큼 어떤 포지션을 뽑고, 어떤 사람을 원하는지부터 천천히 뜯어보려고 했다. 그러던 중에 우연히 "Partner Engineer, YouTube Shopping"이라는 직무를 발견했다. 백엔드나 AI처럼 일반적인 개발자가 아니라 파트너 엔지니어? 처음 듣는 이름이었고, 신입도 경력도 모두 가능하다는 말에 "이건 무슨 역할이지?" 하는 궁금증이 들어 하나하나 분석해 보기로 했다.1. 채용 공고 개요지원 자격: 컴퓨터공학, 소프트웨어공학 또는 관련 분야 학사 이상 (또는 실무 경험)경력: 신입/경력 무관모집 부문: Partner Engineer, YouTube Shopping..

스프링 MVC 2 - 로그인 처리1: 쿠키, 세션 정리이 글은 인프런 김영한님의 "스프링 MVC 2편 - 백엔드 웹 개발 활용 기술" 강의의 '로그인 처리1 - 쿠키, 세션' 파트를 수강하고 정리한 내용입니다.웹 애플리케이션에서 로그인 기능은 사용자 인증의 핵심이다. 이 강의에서는 쿠키와 세션을 활용하여 로그인 상태를 유지하는 다양한 방법을 학습한다. 먼저 쿠키 기반의 로그인부터 시작해서, 직접 만든 세션 매니저를 구현하고, 마지막에는 서블릿이 제공하는 HttpSession 기능까지 활용하여 보안과 유지보수성을 높이는 방향으로 발전시킨다.정리 및 흐름 요약홈 화면: 로그인 전/후 상태 구분회원 가입, 로그인 폼 구현로그인 처리 (1단계: 쿠키 기반)쿠키의 보안 이슈 분석로그인 처리 (2단계: 직접 만든 ..

최근 여름 인턴을 알아보다가 구글에서 2025년 여름 인턴을 모집한다는 공고를 보게 되었다. 아직은 졸업 전이기도 하고 실리콘밸리 커리어를 준비하고 있는 입장이라면 이런 글로벌 기업의 인턴십은 어떻게 구성되어 있는지, 나에게 맞는지 궁금해졌다. 특히 단순히 '인턴'이라는 타이틀이지만 구글의 인턴십은 실제 개발자처럼 업무를 수행한다는 얘기를 들은 적 있어서 더 자세히 알아보기로 했다.https://www.google.com/about/careers/applications/jobs/results/143962417720632006-software-engineering-intern-summer-2025 Software Engineering Intern, Summer 2025 — Google CareersEqua..

[Spring] 검증2 (Bean Validation) 정리스프링 MVC 2 - 검증2(Bean Validation) 정리이 글은 인프런 김영한님의 "스프링 MVC 2편 - 백엔드 웹 개발 활용 기술" 강의의 '검증2 - Bean Validation' 파트를 수강하고 정리한 내용입니다. 검증 기능을 매번 코드로 작성하는 것은 번거롭고, 유지보수에도 불편함이 따른다. 스프링에서는 Bean Validation이라는 표준 기술을 사용해, 검증 로직을 애노테이션 기반으로 간단하게 처리할 수 있다. 정리 및 흐름 요약Bean Validation 소개 및 개념 정리의존성 추가 및 애노테이션 적용 방법스프링과 통합된 Bean Validation 적용 방식글로벌/오브젝트 오류 처리등록 vs 수정 상황별 검증 조건 분리..

스프링 MVC 2 - 검증(Validation) 정리이 글에서는 인프런 김영한님의 "스프링 MVC 2편 - 백엔드 웹 개발 활용 기술"을 수강하고 정리했습니다. 스프링 MVC에서는 사용자 입력값을 검증하는 다양한 방법을 제공한다. 이 강의에서는 점진적으로 개선되는 방식을 통해 검증 로직을 어떻게 발전시켜 나가는지를 중심으로 학습한다. 처음에는 컨트롤러에 직접 검증 코드를 작성하다가, 반복되는 문제점을 개선하기 위해 BindingResult, 메시지 코드 처리, Validator 분리, 그리고 자동화된 방식으로 발전시켜 나간다. 정리 및 흐름 요약V1: Map을 활용한 직접 오류 처리 (기초)V2: BindingResult를 활용한 오류 관리, 입력값 유지V3: 메시지 파일 분리로 오류 메시지 관리 체계화..

스프링 MVC 복습 노트: 개발 역할, 부트스트랩, PRG 패턴이 글에서는 인프런 김영한님의 "스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술"을 수강하고 정리했습니다.  1. 요구사항 분석 및 개발 역할 분담스프링 MVC 프로젝트를 진행할 때, 요구사항이 정리되면 각 개발자들이 역할을 나누어 작업을 진행한다.디자이너: 요구사항에 맞춰 디자인을 진행하고, 디자인 결과물을 웹 퍼블리셔에게 전달한다.웹 퍼블리셔: 디자이너가 만든 디자인을 기반으로 HTML, CSS를 작성하여 백엔드 개발자에게 제공한다.백엔드 개발자: 웹 퍼블리셔가 HTML을 만들기 전에 시스템 설계를 진행하고, 핵심 비즈니스 로직을 개발한다. HTML이 완성되면 이를 뷰 템플릿으로 변환하여 동적인 화면을 구현하고 웹 페이지의 흐름을 제어한..

2025 LINE Music - Junior Backend Engineer라인 채용공고 중 관심분야 25개 채용공고가 있었는데 그 중 주니어, 신입을 뽑는 공고는 단 하나!Music - Junior Backend Engineer 였다. 그래서 이번 개발자 채용탐구는 라인의 Music - Junior Backend Engineer 이다.  매번 지원서를 보고 작성해보며 느끼는 것은 내가 휴학하고 군복무중인 2년동안, 졸업전까지 무엇을 준비해야할 지를 말해주는 것 같다. 내가 필요로 하는 것들 경력사항을 위한 인턴 경험들 학력사항에 그나마 강조할 학점자격증에 정보처리기사, SQLD 등의 자격증들어학사항에 토익과 토플, 가능하다면 해외연수 경험까지 여러 직무질문을 접하면서 작성해보기 -> 작성하다보면 내가 필..