코딩 도구(345)
-
[React] JSX와 Elements 개념 정리
이번에 리액트를 활용한 프로젝트를 진행하기로 하면서, 프론트엔드의 기본 개념들도 어느 정도는 이해하고 있어야겠다고 느꼈다. 특히 JSX와 Elements는 리액트에서 가장 기초적인 부분이라서 먼저 정리해보았다.JSX란 무엇인가?JSX는 JavaScript XML의 약자로, 자바스크립트 코드 안에서 HTML 태그를 작성할 수 있게 해주는 문법이다. 겉으로 보기에는 HTML처럼 보이지만 실제로는 자바스크립트 문법 안에서 동작한다. 리액트에서는 이 JSX 문법을 사용해서 컴포넌트를 구성하게 된다.예를 들면:const element = Hello, world!;위 코드는 HTML처럼 보이지만, 브라우저가 바로 이해할 수 있는 건 아니고, Babel이라는 트랜스파일러가 이 코드를 다음과 같이 바꿔준다:const ..
2025.04.02 -
개발자 채용 탐구 5 : Google Korea - Partner Engineer, YouTube Shopping
최근 외국계 기업들의 채용 방식이 궁금해져서 하나씩 살펴보기로 했다. 그 첫 번째로 선택한 곳은 구글 코리아. 가장 잘 알려진 기업이니만큼 어떤 포지션을 뽑고, 어떤 사람을 원하는지부터 천천히 뜯어보려고 했다. 그러던 중에 우연히 "Partner Engineer, YouTube Shopping"이라는 직무를 발견했다. 백엔드나 AI처럼 일반적인 개발자가 아니라 파트너 엔지니어? 처음 듣는 이름이었고, 신입도 경력도 모두 가능하다는 말에 "이건 무슨 역할이지?" 하는 궁금증이 들어 하나하나 분석해 보기로 했다.1. 채용 공고 개요지원 자격: 컴퓨터공학, 소프트웨어공학 또는 관련 분야 학사 이상 (또는 실무 경험)경력: 신입/경력 무관모집 부문: Partner Engineer, YouTube Shopping..
2025.04.01 -
[Spring] 로그인 처리1 (쿠키, 세션) 정리
스프링 MVC 2 - 로그인 처리1: 쿠키, 세션 정리이 글은 인프런 김영한님의 "스프링 MVC 2편 - 백엔드 웹 개발 활용 기술" 강의의 '로그인 처리1 - 쿠키, 세션' 파트를 수강하고 정리한 내용입니다.웹 애플리케이션에서 로그인 기능은 사용자 인증의 핵심이다. 이 강의에서는 쿠키와 세션을 활용하여 로그인 상태를 유지하는 다양한 방법을 학습한다. 먼저 쿠키 기반의 로그인부터 시작해서, 직접 만든 세션 매니저를 구현하고, 마지막에는 서블릿이 제공하는 HttpSession 기능까지 활용하여 보안과 유지보수성을 높이는 방향으로 발전시킨다.정리 및 흐름 요약홈 화면: 로그인 전/후 상태 구분회원 가입, 로그인 폼 구현로그인 처리 (1단계: 쿠키 기반)쿠키의 보안 이슈 분석로그인 처리 (2단계: 직접 만든 ..
2025.03.31 -
개발자 채용 탐구 4 : Google Korea - Software Engineering Intern, Summer 2025 + 구글 채용 프로세스 알아보기
최근 여름 인턴을 알아보다가 구글에서 2025년 여름 인턴을 모집한다는 공고를 보게 되었다. 아직은 졸업 전이기도 하고 실리콘밸리 커리어를 준비하고 있는 입장이라면 이런 글로벌 기업의 인턴십은 어떻게 구성되어 있는지, 나에게 맞는지 궁금해졌다. 특히 단순히 '인턴'이라는 타이틀이지만 구글의 인턴십은 실제 개발자처럼 업무를 수행한다는 얘기를 들은 적 있어서 더 자세히 알아보기로 했다.https://www.google.com/about/careers/applications/jobs/results/143962417720632006-software-engineering-intern-summer-2025 Software Engineering Intern, Summer 2025 — Google CareersEqua..
2025.03.29 -
[Spring] 검증2 (Bean Validation) 정리
[Spring] 검증2 (Bean Validation) 정리스프링 MVC 2 - 검증2(Bean Validation) 정리이 글은 인프런 김영한님의 "스프링 MVC 2편 - 백엔드 웹 개발 활용 기술" 강의의 '검증2 - Bean Validation' 파트를 수강하고 정리한 내용입니다. 검증 기능을 매번 코드로 작성하는 것은 번거롭고, 유지보수에도 불편함이 따른다. 스프링에서는 Bean Validation이라는 표준 기술을 사용해, 검증 로직을 애노테이션 기반으로 간단하게 처리할 수 있다. 정리 및 흐름 요약Bean Validation 소개 및 개념 정리의존성 추가 및 애노테이션 적용 방법스프링과 통합된 Bean Validation 적용 방식글로벌/오브젝트 오류 처리등록 vs 수정 상황별 검증 조건 분리..
2025.03.25 -
[Spring] 검증(Validation) 정리
스프링 MVC 2 - 검증(Validation) 정리이 글에서는 인프런 김영한님의 "스프링 MVC 2편 - 백엔드 웹 개발 활용 기술"을 수강하고 정리했습니다. 스프링 MVC에서는 사용자 입력값을 검증하는 다양한 방법을 제공한다. 이 강의에서는 점진적으로 개선되는 방식을 통해 검증 로직을 어떻게 발전시켜 나가는지를 중심으로 학습한다. 처음에는 컨트롤러에 직접 검증 코드를 작성하다가, 반복되는 문제점을 개선하기 위해 BindingResult, 메시지 코드 처리, Validator 분리, 그리고 자동화된 방식으로 발전시켜 나간다. 정리 및 흐름 요약V1: Map을 활용한 직접 오류 처리 (기초)V2: BindingResult를 활용한 오류 관리, 입력값 유지V3: 메시지 파일 분리로 오류 메시지 관리 체계화..
2025.03.21