내맘대로 라이프

[PHP] 코드이그나이터4 Codeigniter4 시작하기

내눈물 — Mon, 8 Jan 2024 11:06:21 +0900

https://github.com/codeigniter4/framework

GitHub - codeigniter4/framework: PHP framework

PHP framework. Contribute to codeigniter4/framework development by creating an account on GitHub.

github.com

여기서 다운받으실 수 있습니다.

최신 버전이 올라오는 사이트입니다

https://github.com/codeigniter4/framework/commits?author=actions-user

GitHub - codeigniter4/framework: PHP framework

PHP framework. Contribute to codeigniter4/framework development by creating an account on GitHub.

github.com

다른 버전를 다운받을 수 있는 주소입니다.

저는

CI 4.3.3

PHP 8.2

MySQL 8.0

으로 시작했습니다.

다운받고 압축을 풀면 위처럼 나옵니다

그 다음에 vscode에서 폴더를 여시고

터미널에서 php spark serve를 입력하고 엔터를 쳐주세요

만약

The framework needs the following extension(s) installed and loaded: intl.

라고 이런 창이 뜬다면

php폴더에서 php.ini를 여신 다음에 맨 아래에

extension=php_intl.dll

를 입력하시고 아파치를 재시작해주세요

그리고 다시 php spark serve 를 입력하시고 엔터를 쳐주시면

이렇게 뜹니다

그 다음에 http://localhost:8080에 접속하시면

라고 뜨면 일단 성공입니다.

[PHP] Codeigniter(코드이그나이터) 404 Not Found

내눈물 — Fri, 5 Jan 2024 16:25:27 +0900

코드이그나이터 강좌를 따라가다 보니 처음부터 문제가 생겼습니다.

127.0.0.1 에 index.php가 있고

controllers에 Sub.php를 만들어 넣고

routes.php를 수정해서

$route['sub'] = 'sub/index';

를 넣었는데

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Sub extends CI_Controller {

public function index()

{

echo '서브페이지 입니다.';

}

Sub.php는 이렇게 제작했습니다.

그러면

127.0.0.1/sub에 접속하면

이렇게 보여야 하는데

이렇게 보이는 문제가 생긴거죠

127.0.0./index.php/sub로 접속하면

잘 보이지만 보통 주소를 저렇게 적진 않죠...

보고있던 강좌에서는 루트 폴더에

.htaccess 파일을 만들어서

RewriteEngine On

RewriteBase /

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule ^(.*)$ index.php?/$1 [L]

이걸 넣으면 될거다 라고 하셨는데 안되더라구요

그래서 여기저기 뒤져보니까 스택오버플로에 답이 있더라구요

.htaccess파일을 루트에 넣는건 맞는데 안의 내용이 더 있습니다

RewriteEngine On

RewriteBase /

RewriteCond %{REQUEST_URI} ^system.*

RewriteRule ^(.*)$ /index.php?/$1 [L]

RewriteCond %{REQUEST_URI} ^application.*

RewriteRule ^(.*)$ /index.php?/$1 [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule ^(.*)$ index.php?/$1 [L]

</IfModule>

ErrorDocument 404 /index.php

</IfModule>

라고 넣어야 해요

.htaccess

0.00MB

파일도 첨부합니다.

이 파일을 넣어주고 나면

이렇게 나옵니다.

간단한건데... 제대로 나와있는데가 없어서 한두시간을 헤맸습니다.

백엔드의 길은 멀고도 험하네요

리액트 네이티브 에러 자바8에서 자바11로 업데이트

내눈물 — Wed, 6 Dec 2023 11:38:57 +0900

Incompatible because this component declares a component, compatible with Java 11 and the consumer needed a component, compatible with Java 8

이런 에러가 뜨면

리액트 네이티브는 자바 11버전을 지원하는데 설치되어있는 자바가 8버전이라는 뜻입니다

자바 11버전을 설치하고 업데이트 해주어야 합니다

홈페이지 가서 받으셔도 되지만 로그인을 해야 하기 때문에

https://drive.google.com/file/d/1v55qtie_WR42jkmjNhCAPc4pNLSsRnta/view?usp=sharing

jdk-11.0.20_windows-x64_bin.exe

drive.google.com

여기서 받으세요

설치하시고

설정을 해야하는데요

윈도우 키를 누르시고 고급 이라고 적으시면

고급시스템 설정 보기가 나옵니다 클릭해주세요

환경변수를 눌러주세요

아래 시스템 변수에서 새로 만들기를 누르시고

이렇게 적어주세요

JAVA_HOME

C:\Program Files\Java\jdk-11\

그리고 Path를 더블클릭하시고

새로만들기를 누르신 다음에 %JAVA_HOME%bin 를 입력해줍니다

윈도우키+R을 누르시고 cmd를 누르고 확인을 누르시면

커맨드창이 뜨는데

java --version

를 입력하고 엔터를 쳤을 때 위처럼 나오면 된겁니다

혹시 vscode에서는 java를 찾을 수 없다고 나오면 재부팅을 해주세요

react native에서 error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting `project.android.sourceDir` option to poin..

내눈물 — Wed, 6 Dec 2023 10:26:29 +0900

react-native run-android

를 했는데

error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting `project.android.sourceDir` option to point to a new location.

라는 에러가 뜰때가 있는데요

정상적으로 초기화되었을 때 저런 폴더및 파일들이 기본적으로 들어가야 합니다

이런 식으로 파일들이 정상적으로 들어가지 않았는지 확인해보세요

아래처럼 폴더 및 파일들이 생성되다가 말았다면

npm uninstall -g react-native-cli

npm install -g react-native-cli
npm install -g react-native

지우고 다시 깐다음에

npx react-native init test_app

프로젝트를 만들어보세요

react native cli.init is not a function 에러

내눈물 — Wed, 6 Dec 2023 10:15:36 +0900

TypeError: cli.init is not a function
    at run (C:\Users\User\AppData\Roaming\npm\node_modules\react-native-cli\index.js:302:7)
    at createProject (C:\Users\User\AppData\Roaming\npm\node_modules\react-native-cli\index.js:249:3)
    at init (C:\Users\User\AppData\Roaming\npm\node_modules\react-native-cli\index.js:200:5)
    at Object.<anonymous> (C:\Users\User\AppData\Roaming\npm\node_modules\react-native-cli\index.js:153:7)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:86:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.18.0

뭐 이딴 에러가 뜰때가 있습니다.

npm install -g react-native

를 실행하고 다시 해보세요

혹시나 그래도 안되시면

npm uninstall -g react-native-cli

npm install -g react-native-cli
npm install -g react-native

지우고 다시 설치해보세요

GeekMagic 크리스탈 디스플레이

내눈물 — Tue, 5 Dec 2023 08:55:53 +0900

https://mytears.tistory.com/89

GeekMagic Small TV ultra 리뷰

알리에서 재미있어 보이는 제품을 찾았습니다 https://ko.aliexpress.com/item/1005006059166210.html 11428.0₩ 65% OFF|미니 사이즈 스마트 와이파이 일기예보 스테이션 시계, 게임용 데스크탑 장식 DIY Smarter Shoppi

mytears.tistory.com

이거랑 같은 형식의 제품인데 TV형태가 아닌 크리스탈 방식의 제품입니다

설정 방법은 위 주소에서 확인해주세요

https://ko.aliexpress.com/item/1005006163278395.html

29217.0₩ 34% OFF|GeekMagic 미니 크리스탈 디스플레이 일기 예보 가제트, WiFi 데스크탑 시계 스테이션,

Smarter Shopping, Better Living! Aliexpress.com

ko.aliexpress.com

여기에서 샀습니다 전 25.87달러 (3만4천원 정도)에 샀네요

지금은 조금 오른거 같습니다.

(섬네일에는 2만9천원이라고 나오지만 실제 들어가보면 3만 7천원이라고 뜹니다)

그래도 국내에선 훨씬 더 비싸게 파니 알리가 나을거 같습니다

이렇게 생겼습니다.

장점은 TV형태의 제품보다 예쁘다는 점이고

단점은 TV형태의 제품보다 잘 안보인다는 점입니다

TV형태가 더 쨍해요

크리스탈은 각도에 따라 흐리게 보이는 각도가 있어서

눈높이 보다 낮을 경우 각도를 좀 올려줘야 합니다

갤럭시워치 워치페이스에 심박수가 표시되지 않을때!

내눈물 — Wed, 29 Nov 2023 08:57:14 +0900

어제 워치를 샀는데

기본 워치페이스에서는 심박수가 잘 표시 되는데

다운로드 받은 워치페이스에서는 심박수가 표시되지 않더라구요

그래서 뒤져보다 해결법을 찾아냈습니다.

오른쪽 아래 보시면 BMP에 체크되지 않습니다

설정을 들어가셔서

애플리케이션에 들어갑니다

헬스 플랫폼을 누릅니다

삼성 헬스를 터치합니다

모두 허용으로 바꿔주세요

그러고 돌아오면 BPM이 표시됩니다

(심박수는 측정하는 시간이 좀 걸리니까 바로는 안되고 10~30초 정도 있으면 되더라구요)

워치 페이스 스튜디오(WatchFaceStudio) 워치 연결 안될때 해결법

내눈물 — Tue, 28 Nov 2023 17:21:50 +0900

워치페이스 스튜디오로 갤럭시 워치에 워치페이스를 넣고 싶어서 이거저거 찾아봤는데

결국 워치가 연결이 안되서 포기하신 경험들이 있을겁니다

해결법 알려드리겠습니다.

그전에 선행해야할 일들이 있죠

우선 개발자 모드 부터 켜야합니다

워치 정보로 들어갑니다

소프트웨어 정보를 선택해주세요

소프트웨어 버전을 5번 터치해주세요

그 후에 밖으로 나와보면 워치 정보 밑에 개발자 옵션이 생깁니다

들어가셔서 ADB 디버깅을 활성화해주세요

무선 디버깅을 활성화 해주세요

(이는 갤럭시 워치6를 기준으로 말씀드린 것이며 기기 버전이 다른 경우 Wifi 디버깅일 수도 있습니다)

그 다음으로 중요한 내용이

워치와 PC가 같은 망에 물려있어야 한다는 겁니다

망을 확인하는 방법은

Win+R을 누르시고

cmd를 입력하신 다음에 확인을 눌러주세요

까만 커맨드 창이 나오고 ipconfig를 입력한 후 엔터를 치시면

IPv4 주소가 나옵니다

192.168.180.37이죠

워치를 확인해 봅시다

와이파이 모양을 길게 눌러줍니다

접속된 와이파이를 터치합니다

아래로 내려 IP주소를 확인합니다

192.168.180까지 똑같으면 같은 망에 물린 것입니다

10.230. 이런식으로 전혀 다른 형태일 수도 있습니다만

PC와 워치가 앞에 세단위의 숫자가 같으면 됩니다

만약 공유기 문제 등으로 워치와 PC의 망이 다르다면

PC에 폰을 꼽아 USB테더링으로 PC의 인터넷을 잡고

모바일 핫스팟으로 폰을 와이파이 연결하면 될거 같은데

지금 제 폰이 문제가 있는지 테더링이 안되네요

확인은 못해봤습니다

가급적이면 와이파이기능이 있는 노트북으로 작업해주시고

폰의 모바일 핫스팟을 켜고

워치와 노트북을 그 와이파이에 잡아주세요

그 후에 워치페이스 스튜디오를 켭니다

원래대로라면 이 화면에서 + 버튼을 눌러서

아이피를 입력하고 OK를 누르면 되야 합니다만

이렇게 나오면서 안되는 경우가 대부분일겁니다

다른데서 뒤져봐도 뭐 여러번 하다보면 된다

재부팅하면 된다 하는데 저는 다 안되더라구요

그러면 직접 PC와 워치를 페어링 시켜주면 되죠!

그렇게 하려면 우선 ADB라는 것을 설치해 주어야합니다

https://developer.android.com/studio/releases/platform-tools?hl=ko

SDK 플랫폼 도구 출시 노트 | Android 개발자 | Android Developers

Android SDK 플랫폼 도구는 Android SDK의 구성요소입니다.

developer.android.com

여기에 접속하셔서

Windows용 SDK 플랫폼 도구 다운로드를 눌러 다운을 받습니다

다운로드를 누르면 약관이 나오고 동의를 체크한 다음 다운로드 받으시면 됩니다.

이 파일은 설치버전이 아니고

그냥 압축파일이 받아지는데

이후 작업을 간편하게 하기 위해

C:\ADB 폴더에 압축을 풀어줍시다

이렇게 들어가 있으면 됩니다

그 후에 윈도우 키를 누르고 시스템을 입력하면

시스템 환경 변수 편집 이 뜹니다

클릭해주세요

고급 탭에서 환경 변수를 눌러줍니다

아래 시스템 변수에서 Path를 선택하고 편집을 눌러줍니다

새로 만들기를 누르시고 C:\ADB를 입력해주시고 확인을 눌러주시면 됩니다

그 후에 Win키+R을 누르신 다음에 cmd를 눌러 커맨드 창을 켜줍니다

다시 워치로 돌아가서

개발자 모드에 들어가셔서 무선 디버깅을 키면 아래쪽에

새 기기 등록이라는 부분이 나올겁니다

그걸 눌러줍니다

포트와 페어링 코드를 확인해주세요

다시 PC로 돌아와서

아무 위치에서나 입력하시면 되고

adb pair 아이피주소:포트 (192.168.180.193:42493)

을 입력하면 페어링 코드를 입력하라고 나오는데

위의 페어링 코드를 입력합니다.

그러면 페어링이 되었다고 뜹니다

그 후에 adb connect 192.168.180.193:35185라고 입력을 해주면 되는데

여기 뒤의 35185라는 포트는

새기기 등록 뒤에 있는 IP 주소 및 포트

의 번호입니다

connected라고 뜨면 성공입니다.

다시 워치페이스스튜디오로 돌아오면!

워치가 등록되어있는 것을 보실 수 있습니다.

이제 워치를 선택하시면

잠시후 이렇게 적용된 것을 확인하실 수 있습니다!

GeekMagic Small TV ultra 리뷰

내눈물 — Mon, 27 Nov 2023 09:34:29 +0900

알리에서 재미있어 보이는 제품을 찾았습니다

https://ko.aliexpress.com/item/1005006059166210.html

11428.0₩ 65% OFF|미니 사이즈 스마트 와이파이 일기예보 스테이션 시계, 게임용 데스크탑 장식 DIY

Smarter Shopping, Better Living! Aliexpress.com

ko.aliexpress.com

제가 산건 다른 링크긴 한데 여기가 더 싸네요

여튼 작은 시계+날씨 디스플레이입니다

단점은 충전식이 아니고 C타입 케이블을 꽂아서만 쓸 수 있다는 점이고

그외에는 다 만족스럽습니다

와이파이로 연결해서 설정을 좀 해줘야하는 제품이라

간단하게 설명 드리겠습니다.

첨에 전원을 연결하면 와이파이를 찾는데

당연히 연결되어있는 와이파이가 없으니까..

이런 화면이 뜹니다.

GIFTV라는 와이파이에 연결해서

192.168.4.1 주소로 들어가란 얘기죠

핸드폰으로 와이파이를 켜보면 GIFTV라는 와이파이가 보입니다

접속합니다

이런 경고 문구가 뜨지만 그냥 접속합니다

그리고 브라우저를 열어서 192.168.4.1에 접속합니다

우선 지역을 설정하라고 뜨네요

서울이시면 seoul로 적으시면 되고

기타 지역은 영어로 적으시던가

잘 안되면

https://openweathermap.org/find

Find - OpenWeatherMap

openweathermap.org

들어가셔서

검색을 하시고 결과를 클릭하신 다음에

주소창에 뜨는 숫자를 적어주시면 됩니다

위치를 입력하고 나면 와이파이를 잡아야 합니다

SCAN을 눌러주세요

그러면 접속 가능한 와이파이 목록이 뜹니다.

5G는 안되고 2.4G만 잡을 수 있다고 합니다.

해당 와이파이를 SELECT를 눌러주시고

비밀번호를 입력해주시면 되는데

이게 한번에 될때도 있고 안될때도 있더라구요

한번에 되면 기기가 재부팅됩니다

재부팅이 안되면 전원케이블을 뽑았다 꽂아주세요

혹시 다시 GIFTV에 접속하라는 화면이 나오면 접속하시고

그러면 2번 매뉴얼 인풋 부분에 SSID랑 비번이 동일하게 적혀있을텐데 SAVE를 눌러주시면 됩니다

그럼 와이파이가 GIFTV에서 원래껄로 바뀌게 되고

기기가 재부팅되면서

새로운 IP 주소가 뜨면서

이런 화면이 뜨면 성공입니다

아이피를 확인 못하셨다하셔도 화면을 보고 있으면

저 Feels like 2℃ 적혀있는 부분이 로테이션되면서 알려주니까

기다리시면 됩니다

이제는 셋팅을 하려면 기존의 192.168.4.1이 아니라 새로운 IP로 접속하시면 됩니다

(같은 공유기에 물려있는 폰/컴 으로 해주세요)

접속하면 이런 화면이 뜹니다

맨 아래 짤렸는데 펌웨어 업데이트도 있습니다

내용은 간단하니까 따로 설명은 안적겠습니다

웨더 탭을 누르시면 이런 모양이 나오는데

4번은 건드리실거 없고

중요한 5번 만 설명드리겠습니다

초기에 화면을 띄우면 오른쪽 아래에 우주복을 입은 캐릭터가 돌아가는 애니메이션이 나오는데

그 애니메이션을 바꾸는 방법을 알려드리겠습니다.

gif의 해상도은 80x80이어야 하고

https://ezgif.com/

Animated GIF editor and GIF maker

Easy to use online animated GIF maker and image editor. Upload and edit GIF images for free. Create, crop, resize, reverse, optimize and split animated GIFs, cut and resize videos, WebP and APNG animations.

ezgif.com

에서 무료로 쉽게 리사이징 가능하니까 여기서 하시면 됩니다

choose를 누르고 이미지를 선택한 다음

업로드를 눌러주시면 되는데

잘 안되는 경우가 있습니다

몇번 새로고침 해가면서 하면 되더라구요

정상적으로 업로드가 되면 위 화면처럼 리스트가 나오고

그걸 SET눌러서 적용해주시면 실시간으로 화면이 바뀝니다.

이렇게 말이죠

혹시나 이 무지개 고양이 이미지가 필요하시면

ezgif-3-0105af8eff_black.gif

0.00MB

여기 올려 놓았으니 받아가세요

시계의 모양이나 색깔도 바꿀 수 있습니다

시계 말고 전자액자처럼 이미지를 로테이션해서 띄울 수도 있습니다.

저는 안쓰는 기능이지만요

아주 만족스러운 장난감입니다

크리스탈 버전도 주문해놨는데 빨리 왔으면 좋겠네요

pdf.js 사용시 폰트문제로 글자가 나오지 않는 경우 해결법

내눈물 — Thu, 23 Nov 2023 17:47:46 +0900

이런식으로 출력이 될때 해결하는 방법입니다.

cmap을 넣으라고 해서 넣어봤는데도 안되더라구요

function setLoadPdf(_url) {
    var url = _url;
    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.js';

    let loadingTask = pdfjsLib.getDocument({
        url: url,
        cMapUrl: 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.11.174/cmaps/',
        enableXfa: true,
        disableFontFace: false
    });
    
    loadingTask.promise.then(function (pdfDoc_) {
        pdfDoc = pdfDoc_;
        document.getElementById('page_count').textContent = pdfDoc.numPages;
        renderPage(pageNum);
    });
}

소스는 이렇습니다

중요한 부분은 loadingTask부분에

url을 제외한 cMapUrl, enablrXfa, disableFontFace입니다

이렇게 처리하면

이렇게 표시가 됩니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.js"></script>

이 소스도 html에 들어가 있어야 합니다.