React로 화면을 만들다 보면 결국 한 번은 API 연동에서 막히게 됩니다. 목록 데이터를 가져와서 화면에 뿌리는 GET 요청도 필요하고, 사용자가 입력한 값을 서버로 보내는 POST 요청도 필요하기 때문입니다. 그런데 처음에는 어디서 GET을 써야 하는지, POST는 어떻게 보내는지, 성공 후 화면은 어떻게 다시 갱신해야 하는지 흐름이 잘 안 잡히는 경우가 많습니다.입문 예제에서는 fetch를 많이 쓰지만, 실제 실무에서는 Axios를 더 자주 선택하는 경우가 많습니다. 기본 URL 관리, 요청/응답 공통 처리, 인터셉터, 타임아웃 설정 같은 부분을 한 곳에서 정리하기 더 편하기 때문입니다.그래서 이 글에서는 단순히 "데이터를 받아온다" 수준에서 끝내지 않고, React에서 Axios로 GET 요청과..
젠킨스를 처음 설치할 때 가장 어려운 부분은 명령어 자체보다 설치 후 웹 화면에서 무엇을 순서대로 눌러야 하는지입니다.특히 초보자는 Unlock Jenkins 화면, 초기 비밀번호 확인, 플러그인 설치, 관리자 계정 생성, 새 Job 만들기, 첫 빌드 로그 확인까지 흐름이 한 번에 안 잡히는 경우가 많습니다.그래서 이번 글은 개념 설명을 길게 늘어놓기보다, Ubuntu 서버에 Jenkins를 설치하고 웹 화면에서 첫 빌드 확인까지 가는 실제 순서만 따라가기 쉽게 정리하겠습니다.진행 기준 환경: Ubuntu 서버목표: Jenkins 설치 후 웹 접속 + 첫 빌드 로그 확인읽는 방법: 위에서 아래로 그대로 따라 하면 됨이번 글의 실제 흐름1단계 Ubuntu에 JDK와 Jenkins 설치2단계 브라우저에서 U..
미국 증시가 크게 흔들릴 때 가장 자주 같이 언급되는 지표가 VIX와 공포탐욕지수(Fear & Greed Index)입니다. 그런데 실제 투자에서는 이름만 아는 것보다, 1990년대 이후 어떤 하락장이 있었고, S&P500과 나스닥100이 고점 대비 몇 % 하락했으며, 그때 변동성과 심리가 어떻게 반응했는지를 같이 보는 편이 훨씬 실전적입니다.이번 글은 개념 설명보다 1990년대~현재 주요 하락장 데이터, 고점 대비 하락률, 시기별 핵심 이슈, VIX·공포심리 해석을 표 중심으로 정리합니다. 참고로 VIX는 1993년부터, 공포탐욕지수는 훨씬 뒤 시기의 심리 해석용으로 보는 편이 맞습니다.핵심 요약VIX는 S&P500 옵션 시장이 반영한 대표 변동성 지표입니다.공포탐욕지수는 시장 심리가 공포 쪽인지 탐욕..
React를 공부할 때 가장 먼저 배우는 Hook이 보통 useState입니다. 그런데 문법은 짧아 보여도 막상 직접 쓰기 시작하면 “값은 왜 바로 안 바뀌지?”, “배열은 어떻게 추가하지?”, “객체는 왜 일부만 바꿨는데 이상하게 동작하지?” 같은 질문이 금방 생깁니다.특히 입문 단계에서는 아래 포인트에서 많이 헷갈립니다.useState는 정확히 무엇을 하는가?일반 변수와 state는 무엇이 다른가?숫자/문자열은 어떻게 바꾸고, 배열·객체는 어떻게 업데이트하는가?왜 기존 값을 직접 수정하면 안 되는가?이번 글에서는 React 입문자가 가장 자주 찾는 useState 사용법 정리를 기준으로, 상태 관리 개념 → 값 변경 → 배열 업데이트 → 객체 업데이트 → 자주 하는 실수까지 한 번에 정리하겠습니다. ..
React를 공부하다 보면 useState 다음으로 가장 많이 막히는 Hook이 바로 useEffect입니다. 문법 자체는 짧아 보이는데, 막상 써보면 “이게 왜 두 번 실행되지?”, “의존성 배열을 비우면 뭐가 달라지지?”, “API 호출은 어디에 넣어야 하지?” 같은 질문이 한꺼번에 생깁니다.특히 입문자 입장에서는 아래 포인트에서 많이 헷갈립니다.useEffect는 정확히 언제 실행되는가?의존성 배열은 왜 필요한가?빈 배열 []은 무슨 의미인가?무한 렌더링은 왜 생기고 어떻게 막아야 하는가?이번 글에서는 React 입문자가 가장 자주 찾는 useEffect 사용법 정리를 기준으로, 실행 시점 → 의존성 배열 → API 호출 → cleanup → 자주 하는 실수까지 한 번에 정리하겠습니다.핵심 요약us..