매번 IP 주소를 입력해서 내 서버에 접속하기란 쉽지 않다.그래서 원래는 카페24에서 주로 도메인 등을 구입해왔는데 이번에는 호스팅케이알 - Your Global IT Partner | 도메인, 웹호스팅, SSL, 오피스, 서버 에서 도메인을 구입해 봤다.(이 사이트가 UI나 사용법이 훨씬 더 세련됐다.) me.kr 도메인이 1년에 9,800원이라길래 하나 구입했다. 이제 오라클 프리티어와 연결을 해야할텐데 처음에 챗GPT가 설명을 잘못 해주는 바람에 조금 헤맸다.그런데 설정은 아주 단순했다.오라클 프리티어에서 설정할 것은 아무 것도 없다. hosting.kr에서 구입한 도메인을 클릭하고 네임서버/DNS 메뉴로 가면 DNS 관리가 있다. 새 레코드 추가를 클릭하면 위와 같이 나오는데 호스트 이름에 ..

1. 시스템 업데이트$ sudo apt update$ sudo apt upgrade -y  2. 필수 패키지 설치$ sudo apt install software-properties-common -y  3. 최신 PHP 버전을 제공하는 PPA 추가$ sudo add-apt-repository ppa:ondrej/php -y$ sudo apt update  4. PHP 최신 버전 설치 (현재 8.3)$ sudo apt install php8.3 php8.3-fpm php8.3-cli php8.3-common php8.3-mysql php8.3-curl php8.3-xml php8.3-mbstring -y  5. 설치 확인$ php -vPHP 8.3.20 (cli) (built: Apr 10 2025 21:..

PHP를 설치하기 전에 nginx의 html 디렉토리가 어디있는지 보면 /var/www 에 있다.그런데 보면 사용자와 그룹이 root로 되어 있다.$ ls -l /var/www/total 4drwxr-xr-x 2 root root 4096 Apr 12 16:13 html 아래와 같이 ubuntu로 변경해 준다.오라클 프리티어에 ssh  접속하면 사용자가 ubuntu이다. $ sudo chown -R ubuntu /var/www$ sudo chgrp -R ubuntu /var/www$ ls -l /var/www/total 4drwxr-xr-x 2 ubuntu ubuntu 4096 Apr 14 08:06 html

생성했던 인스턴스를 여러 번 삭제하고, 가상네트워크도 지웠다 만들었다...몇 번을 해도 왜 index 화면을 보기 어려운 걸까...ㅠ검색을 해보니 포트 아니면 방화벽의 문제였다. nginx 설치하니 80포트는 자동으로 열어두는 것 같다. 그러니 포트 문제도 아니고... 아래 수신규칙은 찾아 들어가기 힘들다. 콘솔에 들어가 1. 가상 클라우드 네트워크 메뉴로 들어간다.2. 목록에서 생성된 VCN를 선택한다. 3. 상단 "보안" 메뉴로 들어가면 아래 목록이 나오고 선택해서 들어가서 "보안규칙"에 가면 수신규칙을 추가할 수 있다.  인스턴스 생성 시 OS 이미지는 우분투로 했는데 우분투 방화벽은 아예 설치가 되어 있지 않아 이것도 문제가 아니었다. $ sudo ufw statussudo: ufw: comman..

내  PC에서 아파치 웹서버, PHP, MySQL 를 설치해서 로컬로 서버 돌려서 테스트 하던 기억이 가물가물한데 흔히 AWS라는 클라우드 서비스는 써볼 엄두도 못내고 (요금 폭탄 맞을 수 있다는 전설에...) 흔한 카페24 500원짜리 호스팅이라도 써야 하나 하고 있던 차에 우연히 커뮤니티에서 오라클 클라우드 프리티어라는 것이 있고, 무려 공짜라는 얘기를 들었다. 한번 클라우드 서비스도 체험해 볼겸 써보자...라고 덤볐는데... Cloud Free Tier | Oracle 대한민국 클라우드 서비스 무료 이용Oracle Cloud Free Tier는 기업에게 무제한으로 사용할 수 있는 상시 무료 클라우드 서비스를 제공합니다.www.oracle.com  이것은...이것은...가상머신에 서버를 설치하고 하는..

최근 AI 툴들을 써보면서 아예 처음부터 만들어 볼 수 있을까? 싶어서 클로드를 이용해 만들어보기로 했다. 위의 이미지처럼 처음에는 그냥 브라우저 확장앱을 만들어보고 싶었다.그래서 프롬프트도 자세하게 지정하지 않고 그냥 생각나는대로 적어보았다.그랬더니 google vision과 traslation API를 이용하는 확장앱을 간단하게 만들어주었다. 그리고 몇 번의 에러 수정과 개선을 통해 그럭저럭 만족할 만한 앱이 만들어졌다.여기서 내가 한 것이라고는 클로드에 프롬프트를 주고 구글에서 API를 키를 받아온 것 밖에는 없다. 위는 UI를 조금 개선하고 원본 텍스트도 나오게끔 수정한 버전이다.이미지에 마우스를 갖다대기만 하면 팝업창이 떠서 실시간으로 번역해준다.영어, 일본어 상관없다.심지어 한글도 원본 그..

좀더 진도를 나가기 전에 자바스크립트 문법 몇 가지를 확인하고 가야 진도가 편해질 것 같다.왜냐하면 제대로 자바스크립트 문법을 공부한 적이 없으므로...우선 예제에 자주 등장하는 3가지. 1. let함수 내부나 특정 블록에서만 사용할 변수를 선언할 때 사용for 루프나 if, switch 같은 조건문 내에서 특정 조건에 따른 변수 선언 시 사용let x = 1;if (x === 1) { let x = 2; // 새로운 블록 범위에서 선언 console.log(x); // 2}console.log(x); // 1 2. const프로그램 내의 상수값을 저장할 때 사용const PI = 3.14;if (true) { const PI = 2.71; // 새로운 블록 범위에서 선언 console.log(P..

프로젝트 만드는게 뭔가 했더니 기본적인 템플릿을 내 로컬환경에 복제하는 것을 말했다.스벨트 공홈에서 다운로드 받는 방법도 있지만 깃허브에서 그대로 복제하는 방법이 더 편한다. 여기서부터는 VSC에서 새 터미널을 열고 하는 작업이다. 1. degit 설치degit 이란 명령을 사용하는데 깃허브의 파일들을 현재 경로로 복제하는 것이다.한번만 실행하면 되고, 전역으로 사용할 수 있게 해주는 것이다.npm install -g degit 여기서 잠깐!npm 이란 뭐지? npm(Node Package Manager)은 Node.js와 함께 설치되는 자바스크립트 패키지 매니저로, Node.js 프로젝트에서 필요한 패키지(모듈)를 설치, 관리, 삭제할 수 있는 도구다. 앞서 브라우저가 아닌 환경에서도 자바스크립트..

이전에 다른 교재같은 것을 봤을 때 Node.js 를 사용하는 것들이 많았는데 사실 뭔지도 모르고 그냥 예제 따라하기 해봤던 기억이 있다. 지금 내 노트북에도 왠지 모르지만 Node.js는 설치되어 있다.그런데, 제이펍 출판사의 책을 읽으면서 새삼 알게되었다. Node.js란 브라우저 외의 환경에서도 자바스크립트를 실행할 수 있게 해주는 런타임도구라고.일단 스벨트가 실행하는데 Node.js가 필요하다는 정도만 알면 된다. Node.js — 어디서든 JavaScript를 실행하세요 Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org  Node.js 설치한..

요즘 웹개발 시 React를 많이 쓴다고 해서 나도 한번 배워볼까? 싶었지만 취미로 웹개발하는데 트렌드 쫓아가기도 힘들고 어렵다는 얘기도 있었고... 그러던 중 우연히 제이펍 출판사의 이벤트에 당첨되어 아무거나 받고 싶은 책 하나 고르라길래 호기심에 이 책을 선택함.  이유는 단 하나 "배우기 쉽대!"잘은 모르겠지만 쉽게 배우고 쓰는 프레임워크?순수 자바스크립트의 기본문법을 그대로 사용해 코딩할 수 있는 장점이 있단다. 리치 해리스가 2016년 처음 출시한 오픈소스로 2019년 3번째 버전이 나오면서 주목받기 시작. "Frameworks without the framework" 이라는 철학을 가짐. 간단한 문법을 보려면 스벨트 공홈에서 Playground로 가면 간단한 테스트 해볼 수 있음 Svelte ..

그누보드 관리자 모드에 보면 최대가 32메가까지 첨부파일 용량이 정해져 있다. 직접 서버를 운영하면 php.ini 파일을 건드리면 되지만 보통은 호스팅을 받으므로 쉽지 않다.그래도 방법은 있는데 간단하게 .htaccess 파일을 root에 추가해주면 끝난다. 그누보드 - 파일 업로드 용량 마음대로 조절 하는 법 > 그누4 팁자료실 (sir.kr) SIR" data-og-description="서버를 직접 운영 하지 않는 분들(호스팅계정이용자)이 대부분 많으십니다. 호스팅 계정을 이용하는 분들은 php.ini에 접근할 수 없기 때문에 용량제한을 할수가 없습니다. 더군다나 호스" data-og-host="sir.kr" data-og-source-url="https://sir.kr/g4_tiptech/3288..

그누보드 사용 중 잊어버릴 듯한 팁을 모아두면 좋을 것 같아 카테고리를 만들었다. 그누보드를 거의 사용해보지 않아 뭔가 해보려고 하면 찾기도 힘들고. 그누보드 폴더 말고 새로운 폴더를 생성 후에 그 안에 index.php 넣는다면 어떻게 출력하게 할까? 그누보드 QA - 최신글 관련 문의드립니다. (sir.kr)./ (${DOCUMENT_ROOT})├── common.php├── index.php└── test ├── _common.php └── index.php test 디렉토리의 소스는 다음과 같이 구성되어야 합니다. test/_common.php  test/index.php

크롬으로 결제 테스트를 했을 때는 아무런 문제없이 iframe 삽입 방식으로 결제창이 떴는데 IE로 실행하기만 하면 별도의 윈도우 탭으로 결제창이 하나 또는 두 개씩이나 뜨고 결제까지는 성공해도 제대로 부모창으로 돌아가지 못해 최종적인 결과화면을 볼 수 없어 제대로 처리가 되지 않는 문제가 발생했다. 고객센터 기술지원팀과 이것저것 테스트해보았으나 샘플 코드 페이지는 정상적으로 실행이 되고 있었다. 웃기는건 별도의 윈도우 탭으로 결제창이 떴을 때 닫고 난 뒤 부모창에서 리프레시를 하고 다시 결제창을 띄워보면 부모창 안에서 결제창이 정상적으로 뜬다는 것이었다.   (정상적으로 실행이 되었을 때의 화면)   결국 소스코드에 이상이 있어서 그럴 수 밖에 없다. 첫 번째로 찾아낸 것은 iframe 이라는 파라미터..

linter는 실시간으로 문법을 체크해준다.sublimelinter를 사용하게 되면 PHP 뿐 아니라 CSS, JS, Python 등도 가능하다. sublimelinter는 서브라임 텍스트의 패키지 컨트롤을 통해서 설치한다.sublimelinter-php 도 마찬가지. css나 js 를 위해서는 nodejs가 필요하니 nodejs 에서 최신 버전을 설치해준다.sublimelinter-csslint 나 sublimelinter-jshint 같은 경우에는 패키지 컨트롤을 이용해서 설치도 가능하지만, nodejs 를 설치했으므로 npm 을 이용해서 설치해 보자. 커맨드창을 열고 npm install -g jshint 와 npm install -g csslint 를 각각 실행한다. 그리고 커맨드창에서 where..

몇 년 전 처음으로 독립형 쇼핑몰 솔루션에 카드결제를 붙여달라고 해서 LG uplus의 xpay 전자결제 모듈을 이용한 적이 있다.이번에도 독립형 쇼핑몰 작업을 하면서 한번 해본 적이 있는 LG 유플러스가 편할 것 같아서 선택했다. 처음에 PG사의 모듈을 사용할 때 매뉴얼이 암호처럼 보여서 고생을 했는데, 역시나 이번에도 쉽지 않았다.(나만 그런가? 문제가 생겼을 때 인터넷 검색을 해봐도 별다른 방법이 없다.) 이번에 고생을 한 문제는 다름이 아니라 너무 조심스럽게 사용했다고나 할까?로컬에서 PHP 옵션에 display errors를 해놓고 실행하다보면 에러를 뿜어내는데 이것을 잡아보겠다고 변수에 빈 값이 들어있는 것을 체크하려다 발생했다. isset() 함수를 if()문에서 사용해야 하는데 로컬에서 에..

http://www.domain.co.kr 과 http://domain.co.kr 두 가지 모두 접속에는 이상이 없으나 로그인을 했을 때 각각의 도메인으로 접속해 로그인한 경우 페이지 이동 등에서 로그인이 풀려버리는 현상이 발생.문제점 : www.domain.co.kr과 domain.co.kr을 서로 다른 것으로 인식하기 때문에 세션이 풀리는 현상 발생.1. 도메인 redirection을 통해 www.domain.co.kr로 접속을 하든 그냥 domain.co.kr로 접속을 하든 강제로 www가 붙은 어느 한 페이지에 고정으로 접속이 되게끔 바꾸고 이후 모든 페이지 이동 등에서 하나의 도메인 접속방법으로만 통일.2. session_start() 가 시작하기 전에 ini_set("session.cookie..