React 프로젝트를 어느 정도 만들고 나면 그다음부터 막히는 건 코드보다 배포입니다. 로컬에서는 잘 돌아가는데, 막상 리눅스 서버에 올리려 하면 build 파일은 어디에 올려야 하는지, 정적 파일은 어떻게 서비스해야 하는지, 새로고침했을 때 404는 왜 나는지 같은 문제가 한꺼번에 생기기 때문입니다.처음 배포를 할 때는 “그냥 build 폴더만 업로드하면 끝나는 거 아닌가?” 싶지만, 실제로는 그 뒤에 한 번 더 봐야 할 부분이 있습니다. 서버에 파일을 어디에 둘지, 웹서버가 어느 경로를 바라보게 할지, React Router를 쓰고 있다면 새로고침 이슈는 어떻게 처리할지까지 같이 맞춰야 실제 서비스처럼 보입니다.그래서 이 글에서는 어렵게 이론부터 길게 설명하지 않고, React 프로젝트를 build하..
중개형 ISA로 미국 ETF 투자를 해보려 하면 생각보다 첫 단계에서 바로 막히는 경우가 많습니다. “이거 미국 ETF 직접 살 수 있는 거야?”, “된다면 뭘 먼저 봐야 해?” 같은 질문이 한꺼번에 나오기 때문입니다.여기서 먼저 정리하고 가면 좋은 포인트가 하나 있습니다. 중개형 ISA에서는 미국 증시에 직접 상장된 ETF를 그대로 사는 방식보다, 국내 증시에 상장된 미국 지수·미국 자산 추종 ETF를 활용하는 흐름으로 보는 쪽이 더 현실적입니다. 그래서 이 글도 “미국 ETF는 다 가능하다”처럼 넓게 말하지 않고, 중개형 ISA 안에서 실제로 많이 검토되는 국내 상장 미국 투자형 ETF만 기준으로 정리하겠습니다.이 글에서 보실 건 단순한 상품 목록이 아닙니다.어떤 유형으로 나눠서 봐야 하는지내 투자 ..
Spring Boot에서 로그인 기능을 구현하려고 하면 많은 개발자가 여기서 막힙니다. 세션 로그인과 JWT 로그인은 무엇이 다르고, Spring Security 설정은 어떻게 잡아야 하며, Access Token과 Refresh Token은 어디서 발급하고 어떻게 검증해야 하는지 한 번에 정리되지 않기 때문입니다.특히 JWT 로그인은 단순히 토큰 하나 발급해서 끝나는 구조가 아닙니다. 인증 필터, Security 설정, 토큰 생성, 토큰 검증, 만료 처리, Refresh Token 재발급 흐름까지 같이 봐야 실제 서비스에 넣을 수 있습니다. 그래서 이 글에서는 개념 설명과 함께 실제 구현 흐름, 자주 막히는 포인트, 확인 방법까지 같이 정리합니다.결론부터 말하면 Spring Boot JWT 로그인 구현..
React로 화면을 만들기 시작하면 금방 부딪히는 주제가 바로 페이지 이동입니다.처음에는 컴포넌트 하나만 띄우면 되지만, 조금만 기능이 늘어나도 아래처럼 궁금해집니다.홈 화면에서 상세 페이지로 어떻게 이동하는가?URL이 바뀌어도 새로고침 없이 화면이 바뀌는 이유는 무엇인가?React에서 페이지 이동은 a 태그로 하면 안 되는가?React Router는 어떻게 설치하고 적용하는가?이번 글에서는 React 입문자가 가장 많이 찾는 React Router 사용법을 기준으로, 기본 라우팅 설정 → 페이지 이동 → Link 사용법 → useNavigate 활용까지 한 번에 정리하겠습니다.핵심만 먼저 보면React Router는 React 앱에서 URL에 따라 다른 화면을 보여주는 라우팅 라이브러리입니다.Link는..
React를 공부하기 시작하면 가장 먼저 부딪히는 문법이 바로 JSX입니다.처음 보면 HTML처럼 보이는데 JavaScript 안에 들어가 있고, 중괄호로 값을 넣기도 하고, if문은 그대로 안 들어가고, 배열을 map()으로 돌려 화면에 뿌리는 방식도 낯설게 느껴집니다.특히 입문 단계에서는 아래 포인트에서 많이 막힙니다.JSX는 정확히 무엇인가?HTML과 뭐가 다르고 왜 중괄호를 쓰는가?조건부 렌더링은 어떻게 해야 하는가?리스트 출력할 때 왜 map()과 key가 필요한가?이번 글에서는 React 입문자가 꼭 알아야 하는 JSX 기본 문법, 조건부 렌더링, 리스트 출력을 한 번에 정리하겠습니다. 단순 문법만 나열하지 않고, 왜 그렇게 쓰는지, 어디서 자주 헷갈리는지까지 같이 보겠습니다.핵심만 먼저 보면..