본문 바로가기

분류 전체보기256

Nginx란 무엇인가? nginx는 웹 서버의 일종으로 현재 프로젝트에서는 프록시 서버로 사용하는 것 같다.아니 그럼 웹서버는 뭐고 프록시 서버는 뭐지 Web Server (웹 서버)웹 서버는 웹으로부터 HTTP 요청을 받아 정적 리소스를 제공하는 프로그램을 의미한다.웹서버는 HTTP 요청을 받으면 정적인 콘텐츠(HTML파일, 이미지, CSS, JavaScript 등)를 제공하고동적인 컨텐츠 제공을 위한 요청을 WAS에 전송한다.웹 서버에는 대표적으로 Apache Server, Nginx, IIS 가 있다. WAS (Web Application Server)아니 그럼 WAS는 무엇인가WAS(Web Application Server)는 DB 조회나 기타 여러 로직 처리를 위한 동적 컨텐츠 제공을 하는 Application Ser.. 2026. 1. 10.
React useContext useContext란 무엇인가?React에서 자식 컴포넌트에게 데이터를 전달하기 위해 사용하는 props는깊이가 깊어질수록 같은 값을 계속 내려줘야한다. 이를 prop drilling이라고 부른다.기존 prop drilling 방식// App.jsfunction App() { const theme = "dark"; return ;}export default App;// Layout.jsfunction Layout({ theme }) { return ( );}export default Layout;// Home.jsfunction Home({ theme }) { return 현재 테마는 {theme} 입니다.;}export default Home;하지만 prop drill.. 2025. 11. 9.
Spring boot에서 왜 Dto에 Setter를 금지하는가? 이번 프록젝트에서 Spring boot + mybatis를 사용하는데DTO에 Lombok 라이브러리의 Setter를 사용하면 build 오류가 나는 규칙이 있어서왜 Setter를 금지하고 대신 Builder를 권장할까? 라는 의문에서 이번 공부를 시작했다.Builder 패턴이란?Builder 패턴은 복합 객체의 생성 과정과 표현 방법을 분리하여 동일한 생성 절차에서 서로 다른 표현 결과를 만들 수 있게 해주는 패턴이다.이게 무슨 뜻이냐?개발을 하다보면 생성자에 여러 인수가 들어가야 하는데많은 매개변수의 순서를 기억하기 어렵고 가독성이 떨어지게 된다.이 경우 사용하기 좋은 패턴이 Builder 패턴이다.Builder 패턴을 사용한다면 각 변수별로 값을 세팅하기 때문에생성자의 매개변수 순서와 개수를 기억하지.. 2025. 10. 25.
React-Query useQuery와 useMutation 이번 프로젝트에서 react, typescript를 사용하는데react하면 중요하게 여겨지는 라이브러리가 react-query라는 이야기를 들었다.(실제로 이번 프로젝트에서도 사용한다.)react-query의 핵심 함수 useQuery, useMutation에 대해 알아보려고 한다.React-query가 무엇인가?react-query란 "React 애플리케이션에서 서버 상태(Server State)를 효율적으로 관리하기 위한 라이브러리"이다.서버 상태(Server State)란?서버로 부터 가져온 데이터 클라이언트 상태(useState, useReducer 등)서버에서 가져온 데이터를 관리하는 API 응답 데이터react-query는 서버 상태(Server State)를 캐싱하고, 자동으로 갱신하며, .. 2025. 10. 12.