목록전체 글 (183)
on my way
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cB22wP/btsIsHQF9k8/H7YReHKrVFbm2SH9D9TnR0/img.png)
Nginx를 이용한 배포 설정Nginx는 웹 서버 및 리버스 프록시 서버로 널리 사용되는 소프트웨어로, 특히 고성능 웹 서버로서 많은 인기를 끌고 있습니다.Nginx를 사용하여 웹 애플리케이션을 배포할 때, 몇 가지 중요한 설정과 에러 페이지 구성에 대해 알아보겠습니다. 프록시(Proxy)란?프록시는 '대리인'이라는 뜻입니다. 컴퓨터 네트워크에서 프록시는 사용자의 요청을 받아 대신 처리해주는 서버를 의미합니다. 쉽게 말해, 어떤 웹사이트에 접속하고 싶을 때 프록시 서버가 그 웹사이트에 접속한 후, 그 내용을 전달해주는 역할을 합니다. 이렇게 하면 직접 웹사이트에 접속하지 않더라도 웹사이트의 정보를 볼 수 있습니다. 1. Nginx 설정 파일 (nginx.conf)Nginx 설정 파일인 nginx.con..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cDXgqG/btsIsMK1eqk/0BGXCs4ECtupekZVywDON1/img.png)
1. 날짜와 시간 형식 변환DATE_FORMAT(): 날짜와 시간 형식을 변환합니다.SELECT DATE_FORMAT(NOW(), '%Y-%m-%d %H:%i:%s');%Y: 연도 (4자리)%m: 월 (2자리)%d: 일 (2자리)%H: 시간 (24시간 형식, 2자리)%i: 분 (2자리)%s: 초 (2자리)2. 날짜와 시간 연산DATE_ADD(): 날짜를 더합니다.SELECT DATE_ADD(NOW(), INTERVAL 1 DAY); -- 하루 더하기DATE_SUB(): 날짜를 뺍니다.SELECT DATE_SUB(NOW(), INTERVAL 1 HOUR); -- 한 시간 빼기DATEDIFF(): 두 날짜 간의 차이를 일 단위로 반환합니다.SELECT DATEDIFF('2023-07-01', '2023-0..
1. JOIN의 유형MySQL에서 사용할 수 있는 주요 JOIN 유형은 다음과 같습니다:INNER JOINLEFT JOIN (또는 LEFT OUTER JOIN)RIGHT JOIN (또는 RIGHT OUTER JOIN)FULL JOIN (MySQL은 직접 지원하지 않지만, UNION을 사용하여 구현할 수 있음)CROSS JOINSELF JOIN 1.1 INNER JOININNER JOIN은 두 테이블에서 매칭되는 행만 반환합니다.SELECT A.*, B.* FROM TableA A INNER JOIN TableB B ON A.common_column = B.common_column; 1.2 LEFT JOINLEFT JOIN은 왼쪽 테이블의 모든 행과 오른쪽 테이블에서 매칭되는 행을 반환합니다.매칭되지 않는..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bIfJ2O/btsIrOvfteP/N831T8iC1DFgUZ3VbiyENk/img.png)
리액트 시작하기: 탄생 배경과 기본 설정이번 포스팅에서는 리액트의 탄생 배경과 리액트 앱을 시작하는 방법에 대해 다루겠습니다.리액트는 복잡한 웹 서비스를 쉽고 빠르게 개발할 수 있는 컴포넌트 기반의 프레임워크입니다.리액트의 기본 개념과 설치 방법, 그리고 간단한 프로젝트 생성 과정을 살펴보겠습니다. 리액트의 탄생리액트는 페이스북 개발팀에 의해 2013년 오픈소스로 공개되었습니다.페이스북은 다양한 사용자와의 상호작용이 빈번한 대규모 웹 애플리케이션을 쉽게 구축할 수 있는 기술이 필요했고, 이에 따라 리액트를 개발하게 되었습니다.리액트는 컴포넌트 기반 구조를 통해 복잡한 웹 애플리케이션을 모듈화하고, 효율적으로 관리할 수 있는 장점을 가지고 있습니다. 리액트의 주요 특징컴포넌트 기반의 유연한 구조 리액트는 ..
Node.js 설치 및 기본 설정블로그 포스팅에서 Node.js를 사용하여 리액트 프로젝트를 설정하는 방법에 대해 다루겠습니다. 이 글에서는 Node.js 설치부터 패키지 관리, 모듈 시스템까지의 기본적인 내용을 설명하겠습니다.Node.js 설치하기Node.js는 Chrome의 V8 JavaScript 엔진 위에 구축된 JavaScript 런타임입니다. Node.js를 설치하려면 Node.js 다운로드 페이지로 이동하여 운영 체제에 맞는 설치 프로그램을 다운로드하고 설치합니다. 현재 최신 버전은 20.15.0입니다.설치 후, 명령 프롬프트나 터미널에서 다음 명령어를 입력하여 Node.js와 npm이 제대로 설치되었는지 확인합니다 https://nodejs.org/en/download/prebuilt-in..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/5zKQU/btsIpx3bjJq/buvkG3hnkRRXiPuWP7JJn0/img.png)
예전 Legacy 시스템기존의 레거시 시스템에서는 MVC(Model-View-Controller) 아키텍처가 주로 사용되었습니다. 이 아키텍처는 다음과 같은 특징을 가지고 있습니다.MVC 아키텍처: 애플리케이션을 모델, 뷰, 컨트롤러로 분리하여 각각의 역할을 명확히 하고 유지보수를 용이하게 합니다.모노리식 아키텍처: 하나의 코드베이스에서 모든 기능을 처리합니다. 이는 초기 개발 및 배포는 간편하지만, 시간이 지남에 따라 유지보수가 어려워지고 확장성이 떨어지는 문제가 있습니다.모바일 애플리케이션 개발의 문제점기존 MVC 구조에서 모바일 애플리케이션(Android, iOS)을 개발할 때 다음과 같은 문제가 발생했습니다.플랫폼 별 코드 관리: 안드로이드(AOS)와 iOS 각각의 플랫폼에 맞게 별도의 코드베이스..