본문 바로가기

전체 글155

PHP 설치 전 디렉토리 권한 설정하기 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 2025. 4. 14.
오라클 클라우드 프리티어에서 nginx 설치 후 접속이 안될 때 CIDR도 확인하자 생성했던 인스턴스를 여러 번 삭제하고, 가상네트워크도 지웠다 만들었다...몇 번을 해도 왜 index 화면을 보기 어려운 걸까...ㅠ검색을 해보니 포트 아니면 방화벽의 문제였다. nginx 설치하니 80포트는 자동으로 열어두는 것 같다. 그러니 포트 문제도 아니고... 아래 수신규칙은 찾아 들어가기 힘들다. 콘솔에 들어가 1. 가상 클라우드 네트워크 메뉴로 들어간다.2. 목록에서 생성된 VCN를 선택한다. 3. 상단 "보안" 메뉴로 들어가면 아래 목록이 나오고 선택해서 들어가서 "보안규칙"에 가면 수신규칙을 추가할 수 있다.  인스턴스 생성 시 OS 이미지는 우분투로 했는데 우분투 방화벽은 아예 설치가 되어 있지 않아 이것도 문제가 아니었다. $ sudo ufw statussudo: ufw: comman.. 2025. 4. 12.
오라클 클라우드 프리티어 내  PC에서 아파치 웹서버, PHP, MySQL 를 설치해서 로컬로 서버 돌려서 테스트 하던 기억이 가물가물한데 흔히 AWS라는 클라우드 서비스는 써볼 엄두도 못내고 (요금 폭탄 맞을 수 있다는 전설에...) 흔한 카페24 500원짜리 호스팅이라도 써야 하나 하고 있던 차에 우연히 커뮤니티에서 오라클 클라우드 프리티어라는 것이 있고, 무려 공짜라는 얘기를 들었다. 한번 클라우드 서비스도 체험해 볼겸 써보자...라고 덤볐는데... Cloud Free Tier | Oracle 대한민국 클라우드 서비스 무료 이용Oracle Cloud Free Tier는 기업에게 무제한으로 사용할 수 있는 상시 무료 클라우드 서비스를 제공합니다.www.oracle.com  이것은...이것은...가상머신에 서버를 설치하고 하는.. 2025. 4. 12.
클로드 AI를 이용해 만들어 본 이미지 번역 브라우저 확장앱 최근 AI 툴들을 써보면서 아예 처음부터 만들어 볼 수 있을까? 싶어서 클로드를 이용해 만들어보기로 했다.  위의 이미지처럼 처음에는 그냥 브라우저 확장앱을 만들어보고 싶었다.그래서 프롬프트도 자세하게 지정하지 않고 그냥 생각나는대로 적어보았다.그랬더니 google vision과 traslation API를 이용하는 확장앱을 간단하게 만들어주었다. 그리고 몇 번의 에러 수정과 개선을 통해 그럭저럭 만족할 만한 앱이 만들어졌다.여기서 내가 한 것이라고는 클로드에 프롬프트를 주고 구글에서 API를 키를 받아온 것 밖에는 없다.  위는 UI를 조금 개선하고 원본 텍스트도 나오게끔 수정한 버전이다.이미지에 마우스를 갖다대기만 하면 팝업창이 떠서 실시간으로 번역해준다.영어, 일본어 상관없다.심지어 한글도 원본 그.. 2025. 3. 12.
스벨트 자바스크립트 문법 점검 좀더 진도를 나가기 전에 자바스크립트 문법 몇 가지를 확인하고 가야 진도가 편해질 것 같다.왜냐하면 제대로 자바스크립트 문법을 공부한 적이 없으므로...우선 예제에 자주 등장하는 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.. 2025. 3. 11.
스벨트 첫 프로젝트 만들기 프로젝트 만드는게 뭔가 했더니 기본적인 템플릿을 내 로컬환경에 복제하는 것을 말했다.스벨트 공홈에서 다운로드 받는 방법도 있지만 깃허브에서 그대로 복제하는 방법이 더 편한다. 여기서부터는 VSC에서 새 터미널을 열고 하는 작업이다.  1. degit 설치degit 이란 명령을 사용하는데 깃허브의 파일들을 현재 경로로 복제하는 것이다.한번만 실행하면 되고, 전역으로 사용할 수 있게 해주는 것이다.npm install -g degit 여기서 잠깐!npm 이란 뭐지?  npm(Node Package Manager)은 Node.js와 함께 설치되는 자바스크립트 패키지 매니저로, Node.js 프로젝트에서 필요한 패키지(모듈)를 설치, 관리, 삭제할 수 있는 도구다.  앞서 브라우저가 아닌 환경에서도 자바스크립트.. 2025. 3. 9.
스벨트 로컬개발환경 구축하기 이전에 다른 교재같은 것을 봤을 때 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 설치한.. 2025. 3. 9.
스벨트(Svelte)란? 요즘 웹개발 시 React를 많이 쓴다고 해서 나도 한번 배워볼까? 싶었지만 취미로 웹개발하는데 트렌드 쫓아가기도 힘들고 어렵다는 얘기도 있었고... 그러던 중 우연히 제이펍 출판사의 이벤트에 당첨되어 아무거나 받고 싶은 책 하나 고르라길래 호기심에 이 책을 선택함.  이유는 단 하나 "배우기 쉽대!"잘은 모르겠지만 쉽게 배우고 쓰는 프레임워크?순수 자바스크립트의 기본문법을 그대로 사용해 코딩할 수 있는 장점이 있단다. 리치 해리스가 2016년 처음 출시한 오픈소스로 2019년 3번째 버전이 나오면서 주목받기 시작. "Frameworks without the framework" 이라는 철학을 가짐. 간단한 문법을 보려면 스벨트 공홈에서 Playground로 가면 간단한 테스트 해볼 수 있음 Svelte .. 2025. 3. 9.
(팁) 그누보드 게시판 첨부파일 용량 조정하기 그누보드 관리자 모드에 보면 최대가 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.. 2024. 5. 29.

티스토리툴바