CodeIgniter 한국사용자포럼 - 강좌게시판

Codeigniter4만으로 RESTful API 만들기

한대승(불의회상) — Mon, 09 Nov 2020 20:22:56 +0900

안녕하세요. 불의회상입니다.

2020년 11월 7일 진행된 KCD 2020 행사를 위해 작성한 강의 영상 및 자료입니다.

CodeIgniter4를 이용하여 RESTful API를 만들고자 하는분들께 시작점이 되기를 기대합니다.

* 동영상 강의 : https://youtu.be/8iy5SCwHmKw

* 샘플 소스 코드 및 강의 자료 : https://github.com/hoksi/ci4rest-sample

[동영상추가] xecon2016 강의파일과 시연소스입니다.

변종원(웅파) — Mon, 28 Nov 2016 10:05:24 +0830

xecon2016 track B 네번째 시간에 강의했던 "CodeIgniter와 PHP7" 강의안과 시연한 소스입니다.

압축 푸시면 ci버전별 소스와 sql dump파일이 있습니다. 덤프파일 실행하시면 users라는 테이블이 생성되고 데이터가 1개 들어갑니다.

xecon2016 소개 페이지에서 강의안 및 동영상으로 제공할 예정입니다.

동영상이 늦게 올라오면 제가 화면 녹화한 파일을 가지고 있어서 그 파일을 먼저 올리겠습니다.

https://xecon2016.xpressengine.com/session/codeigniter-and-php7

파일은 용량이 커서 링크로 대체합니다.

xecon2016 강의교재 및 시연소스 : https://drive.google.com/file/d/0BzUbrLw2O6aGN2dLUGRCTGlWRDQ/view?usp=sharing

동영상 : https://youtu.be/abqdD02p8mI

감사합니다.

그리고 강의 마지막에 디버그 바의 files 부분에서 색상이 다른 것에 대해 질문 하셨는데 소스를 살펴보니

옅은 색상은 system 디렉토리의 파일을 의미하며 좀더 진한 색은 그외의 디렉토리에 있는 파일을 의미합니다. ^^

FCM(FirebaseCloudMessage) 간단 구현 (부제 chatGPT에게 물어보았다)

kaido — Thu, 09 May 2024 17:08:42 +0900

안녕하세요

최근 프롬프트로 AI 갈구는 취미(?)에 눈을 뜬 kaido 입니다.

우선 컴포저로 가볍게 패키지를 설치 합니다.

composer require kreait/firebase-php

[출처 https://packagist.org/packages/kreait/firebase-php ]

그럼 여러분의 php 버전에 맞추어서 설치가 완료 될것입니다.

컴포저가 무엇? 난 설치 안되었는데? 하시는 분들은 https://getcomposer.org/ 방문하여 설치 하거나

리룩스 환경 상에서 curl 과 php가 설치 되어있다면 간단히 설치 가능합니다.

curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer

그리고 chatGPT 에게 여러번 문의 결과 에러 없는 소스를 획득 !

<?php

require 'vendor/autoload.php'; // Load Composer's autoloader

use Kreait\Firebase\Factory;
use Kreait\Firebase\Messaging\CloudMessage;
use Kreait\Firebase\Messaging\MulticastSendReport;

// Initialize Firebase
$factory = (new Factory)->withServiceAccount('/path/to/serviceAccountKey.json');

// Get an instance of the Messaging service
$messaging = $factory->createMessaging();

// Create an array of messages to send
$messages = [
['token' => 'device_token_1', 'title' => 'Title 1', 'body' => 'Body 1', 'link_url' => '/page1'],
['token' => 'device_token_2', 'title' => 'Title 2', 'body' => 'Body 2', 'link_url' => '/page2'],
// Add more messages as needed
];

// Create an array of CloudMessage instances
$cloudMessages = [];
foreach ($messages as $messageData) {
$cloudMessages[] = CloudMessage::withTarget('token', $messageData['token'])
->withData([
'title' => $messageData['title'],
'body' => $messageData['body'],
'link_url' => $messageData['link_url'] // Include link_url in the message data
]);
}

// Send the messages to all devices
$sendReport = $messaging->sendAll($cloudMessages);

// Check for errors
if ($sendReport->hasFailures()) {
foreach ($sendReport->failures() as $index => $failure) {
$error = $failure->error();
echo "Failed to send message to device with index $index: $error\n";
}
} else {
echo "Messages sent successfully to all devices\n";
}

serviceAccountKey.json 파일은 구글 파이어베이스에 접속해서 프로젝트를 생성 하면 계정정보가 담긴 json 파일을 하나 던져줍니다.

해당 파일을 서버 상에 올려놓고 파일 path에 맞춰서 넣어주세요.

파라메터 설명

title 알림의 제목 [상단]

body 알림의 본문 [접힌거 펼치면 나오는 부분]

link_url 터치시 이동할 URL 주소

이렇게 데이터를 맞춰서 실행 하면 끝 !

FCM 구현을 간단히 하고 싶으신 분들은 참고해 보세요.

해당 패키지 메뉴얼 https://firebase-php.readthedocs.io/en/7.10.0/index.html

Responsive-Grid-System Demo

darkninja — Sun, 02 Jul 2023 00:33:22 +0900

Codeigniter 4 Responsive Grid System demo

https://github.com/darkninjaaa

html + javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
<title>grid</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<style type="text/css" media="screen">
input, button, span, p, textarea, div {
font-size: 11pt;
}
input, div {
margin: 0px 0px 0px 0px;
padding: 0px;
}
button {
margin: 0px;
padding: 1px;
border: 1px solid #777;
background: #ccc;
}
button:hover {
background-color: #A9BCEF;
cursor:pointer;
}
p {
margin: 1px 1px 1px 1px;
padding: 2px;
}
textarea {
border: 1px solid #999999;
margin: 0px 0px 0px 0px;
padding: 2px;
overflow: auto;
}
textarea {
tab-size : 4;
-o-tab-size : 4;
-moz-tab-size : 4;
-webkit-tab-size: 4;
}
</style>
</head>

<body>

<form action="" id="grids" name="grids" method="post">
<p>
<strong><span>source : </span></strong>
<a target="_blank" href="http://www.responsivegridsystem.com">responsivegridsystem</a>
<a target="_blank" href="https://github.com/johnpolacek/extra-strength-responsive-grids">extra-strength-responsive-grids</a>
</p>
<p>
<strong><span>css grid name : </span></strong>
<input type="text" id="grids_name" name="grids_name">
<strong><span>grid columns : </span></strong>
<input type="number" id="grids_columns" name="grids_columns" maxlength="3" oninput="checkMaxLength(this)">
</p>
<p>
<strong><span>margin(%) top : </span></strong>
<input type="text" id="margin_top" name="margin_top" size="10" maxlength="10">
<strong><span> right </span></strong>
<input type="text" id="margin_right" name="margin_right" size="10" maxlength="10">
<strong><span> bottom </span></strong>
<input type="text" id="margin_bottom" name="margin_bottom" size="10" maxlength="10">
<strong><span> left </span></strong>
<input type="text" id="margin_left" name="margin_left" size="10" maxlength="10">
</p>
<p>
<strong><span>padding(px) top : </span></strong>
<input type="text" id="padding_top" name="padding_top" size="10" maxlength="10">
<strong><span> right </span></strong>
<input type="text" id="padding_right" name="padding_right" size="10" maxlength="10">
<strong><span> bottom </span></strong>
<input type="text" id="padding_bottom" name="padding_bottom" size="10" maxlength="10">
<strong><span> left </span></strong>
<input type="text" id="padding_left" name="padding_left" size="10" maxlength="10">
</p>
<p>
<strong><span>margin(px) innercol top : </span></strong>
<input type="text" id="margin_innercol_top" name="margin_innercol_top" size="10" maxlength="10">
<strong><span> right </span></strong>
<input type="text" id="margin_innercol_right" name="margin_innercol_right" size="10" maxlength="10">
<strong><span> bottom </span></strong>
<input type="text" id="margin_innercol_bottom" name="margin_innercol_bottom" size="10" maxlength="10">
<strong><span> left </span></strong>
<input type="text" id="margin_innercol_left" name="margin_innercol_left" size="10" maxlength="10">
</p>
<p>
<strong><span>padding(px) innercol top : </span></strong>
<input type="text" id="padding_innercol_top" name="padding_innercol_top" size="10" maxlength="10">
<strong><span> right </span></strong>
<input type="text" id="padding_innercol_right" name="padding_innercol_right" size="10" maxlength="10">
<strong><span> bottom </span></strong>
<input type="text" id="padding_innercol_bottom" name="padding_innercol_bottom" size="10" maxlength="10">
<strong><span> left </span></strong>
<input type="text" id="padding_innercol_left" name="padding_innercol_left" size="10" maxlength="10">
</p>
<p>
<strong><span>grid left width(%) : </span></strong>
<input type="text" id="grid_left_width" name="grid_left_width" size="10" maxlength="10">
<strong><span>grid right width(%) : </span></strong>
<input type="text" id="grid_right_width" name="grid_right_width" size="10" maxlength="10">
</p>
<p>
<strong><span>outer color : </span></strong>
<input type="text" id="outer_color" name="outer_color">
<strong><span>inner color : </span></strong>
<input type="text" id="inner_color" name="inner_color">
</p>
<p><strong><span>The CSS</span></strong></p>
<p><textarea id="grid_css" name="grid_css" rows="15" style="width: 99.6%" spellcheck="false"></textarea><p>

<p><strong><span>The HTML</span></strong></p>
<p><textarea id="grid_pre" name="grid_pre" rows="15" style="width: 99.6%" spellcheck="false"></textarea><p>

<div id="grid_html" name="grid_html"></div>
<div class="grid_group">
<div class="grid_left" id="grid_left" style="float:left;"></div>
<div class="grid_right" id="grid_right" style="float:right;"></div>
</div>

<fieldset>
<legend>Write css file:</legend>
<div>
<input type="checkbox" id="write_css" name="write_css">
<label for="write_css">write</label>
</div>
</fieldset>

<p><button type="button" id="reset_grid">reset, write</button></p>
</form>

<script type="text/javascript">
var grids_name = "grid";
var grids_columns = 20;

var margin_top = 0;
var margin_right = 0;
var margin_bottom = 0.2;
var margin_left = 0;

var padding_top = 2;
var padding_right = 0;
var padding_bottom = 2;
var padding_left = 2;

var margin_innercol_top = 0;
var margin_innercol_right = 0;
var margin_innercol_bottom = 0;
var margin_innercol_left = 0;

var padding_innercol_top = 0;
var padding_innercol_right = 0;
var padding_innercol_bottom = 0;
var padding_innercol_left = 3;

var grid_left_width = 45;
var grid_right_width = 55;

var outer_color = "#aaa";
var inner_color = "#eee";

var el_grids_name = document.getElementById("grids_name");
var el_grids_columns = document.getElementById("grids_columns");

var el_margin_top = document.getElementById("margin_top");
var el_margin_right = document.getElementById("margin_right");
var el_margin_bottom = document.getElementById("margin_bottom");
var el_margin_left = document.getElementById("margin_left");

var el_padding_top = document.getElementById("padding_top");
var el_padding_right = document.getElementById("padding_right");
var el_padding_bottom = document.getElementById("padding_bottom");
var el_padding_left = document.getElementById("padding_left");

var el_margin_innercol_top = document.getElementById("margin_innercol_top");
var el_margin_innercol_right = document.getElementById("margin_innercol_right");
var el_margin_innercol_bottom = document.getElementById("margin_innercol_bottom");
var el_margin_innercol_left = document.getElementById("margin_innercol_left");

var el_padding_innercol_top = document.getElementById("padding_innercol_top");
var el_padding_innercol_right = document.getElementById("padding_innercol_right");
var el_padding_innercol_bottom = document.getElementById("padding_innercol_bottom");
var el_padding_innercol_left = document.getElementById("padding_innercol_left");

var el_grid_left_width = document.getElementById("grid_left_width");
var el_grid_right_width = document.getElementById("grid_right_width");

var el_outer_color = document.getElementById("outer_color");
var el_inner_color = document.getElementById("inner_color");

var el_grid_css = document.getElementById("grid_css");
var el_grid_pre = document.getElementById("grid_pre");
var el_grid_html = document.getElementById("grid_html");

var el_grid_left = document.getElementById("grid_left");
var el_grid_right = document.getElementById("grid_right");

var el_reset_grid = document.getElementById("reset_grid");

function setinput_fromvar() {
el_grids_name.value = grids_name;
el_grids_columns.value = grids_columns;

el_margin_top.value = margin_top;
el_margin_right.value = margin_right;
el_margin_bottom.value = margin_bottom;
el_margin_left.value = margin_left;

el_padding_top.value = padding_top;
el_padding_right.value = padding_right;
el_padding_bottom.value = padding_bottom;
el_padding_left.value = padding_left;

el_margin_innercol_top.value = margin_innercol_top;
el_margin_innercol_right.value = margin_innercol_right;
el_margin_innercol_bottom.value = margin_innercol_bottom;
el_margin_innercol_left.value = margin_innercol_left;

el_padding_innercol_top.value = padding_innercol_top;
el_padding_innercol_right.value = padding_innercol_right;
el_padding_innercol_bottom.value = padding_innercol_bottom;
el_padding_innercol_left.value = padding_innercol_left;

el_grid_left_width.value = grid_left_width;
el_grid_right_width.value = grid_right_width;

el_outer_color.value = outer_color;
el_inner_color.value = inner_color;
}

function setvar_frominput() {
grids_name = el_grids_name.value;
grids_columns = el_grids_columns.value;

margin_top = el_margin_top.value;
margin_right = el_margin_right.value;
margin_bottom = el_margin_bottom.value;
margin_left = el_margin_left.value;

padding_top = el_padding_top.value;
padding_right = el_padding_right.value;
padding_bottom = el_padding_bottom.value;
padding_left = el_padding_left.value;

margin_innercol_top = el_margin_innercol_top.value;
margin_innercol_right = el_margin_innercol_right.value;
margin_innercol_bottom = el_margin_innercol_bottom.value;
margin_innercol_left = el_margin_innercol_left.value;

padding_innercol_top = el_padding_innercol_top.value;
padding_innercol_right = el_padding_innercol_right.value;
padding_innercol_bottom = el_padding_innercol_bottom.value;
padding_innercol_left = el_padding_innercol_left.value;

grid_left_width = el_grid_left_width.value;
grid_right_width = el_grid_right_width.value;

outer_color = el_outer_color.value;
inner_color = el_inner_color.value;
}
</script>

<script type="text/javascript">
function checkMaxLength(object){
if(object.value.length > object.maxLength){
object.value = object.value.slice(0, object.maxLength);
}
}

function number_format(number, decimals, dec_point, thousands_sep) { //https://stackoverflow.com/questions/12820312/what-is-the-js-equivalent-to-the-php-function-number-format
// Strip all characters but numerical ones.
number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
var n = !isFinite(+number) ? 0 : +number,
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
s = '',
toFixedFix = function (n, prec) {
var k = Math.pow(10, prec);
return '' + Math.round(n * k) / k;
};
// Fix for IE parseFloat(0.55).toFixed(0) = 0;
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
if (s[0].length > 3) {
s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
}
if ((s[1] || '').length < prec) {
s[1] = s[1] || '';
s[1] += new Array(prec - s[1].length + 1).join('0');
}
return s.join(dec);
}

function get_grid_css(name, columns, test_css = true) {
var grids_width = 100 - (margin_left * (columns-1)); //% 칼럼사이의 마진을 제외한 칼럼넓이 합의 백분율

var grids = "";

grids += "/* SECTIONS */" + "\n";
grids += "/* splits up the page horizontally. */" + "\n";
grids += "/* You'll need a few of these to break up the content, and you can use them in your main wrapper, or within other divs. */" + "\n";
grids += "." + name + "_section {" + "\n";
grids += "\t" + "clear: both;" + "\n";
grids += "\t" +"margin: 0px;" + "\n";
grids += "\t" +"padding: 0px;" + "\n";
grids += "}" +"\n";
grids += "\n";

grids += "/* GROUPING */" + "\n";
grids += "/* solves floating problems, by forcing the section to self clear its children (aka the clearfix hack). */" + "\n";
grids += "/* This is good in Firefox 3.5+, Safari 4+, Chrome, Opera 9+ and IE 6+. */" + "\n";
grids += "." + name +"_group:before," + "\n";
grids += "." + name +"_group:after { content:\"\"; display:table; }" + "\n";
grids += "." + name +"_group:after { clear:both;}" + "\n";
grids += "." + name +"_group { zoom:1; /* For IE 6/7 */ }" + "\n";
grids += "\n";

grids += "/* COLUMN SETUP */" + "\n";
grids += "/* divides the section into columns. */" + "\n";
grids += "/* Each column has a left margin of 1.6% (around 20 pixels on a normal monitor), */" + "\n";
grids += "/* except the first one. Using .col:first-child { margin-left: 0; } means you don't need to use class=\"last\" anywhere. */" + "\n";
grids += "/* It works in all browsers since IE6. */" + "\n";
grids += "." + name + "_col {" +"\n";
grids += "\t" + "clear: none;" + "\n";
grids += "\t" +"display: block;" + "\n";
grids += "\t" + "float: left;" + "\n";

//test css...
if (test_css) {
grids += "\n";
grids += "\t" + "/* test css... */" + "\n";
grids += "\t" + "background-color: " + outer_color + ";" + "\n";
grids += "\n";
}

grids += "\t" + "margin: " + margin_top + "% " + margin_right + "% " + margin_bottom + "% " + margin_left + "% " + ";" + "\n";
grids += "\t" + "padding: " + padding_top + "px " + padding_right + "px " + padding_bottom + "px " + padding_left + "px " + ";" + "\n";
grids += "\t" + "-moz-box-sizing: border-box;" + "\n";
grids += "\t" + "-webkit-box-sizing: border-box;" + "\n";
grids += "\t" + "box-sizing: border-box;" + "\n";
grids += "\t" + "*behavior: url(boxsizing.htc);" + "\n";
grids += "}" + "\n";
grids += "\n";

grids += "/* INNER COLUMN SETUP */" + "\n";
grids += "." + name + "_innercol {" +"\n";
grids += "\t" +"display: block;" + "\n";

//test css...
if (test_css) {
grids += "\n";
grids += "\t" + "/* test css... */" + "\n";
grids += "\t" + "background-color: " + inner_color + ";" + "\n";
grids += "\n";
}

grids += "\t" + "margin: " + margin_innercol_top + "px " + margin_innercol_right + "px " + margin_innercol_bottom + "px " + margin_innercol_left + "px " + ";" + "\n";
grids += "\t" + "padding: " + padding_innercol_top + "px " + padding_innercol_right + "px " + padding_innercol_bottom + "px " + padding_innercol_left + "px " + ";" + "\n";
grids += "\t" + "-moz-box-sizing: border-box;" + "\n";
grids += "\t" + "-webkit-box-sizing: border-box;" + "\n";
grids += "\t" + "box-sizing: border-box;" + "\n";
grids += "\t" + "*behavior: url(boxsizing.htc);" + "\n";
grids += "}" + "\n";
grids += "\n";

grids += "." + name + "_col:first-child { margin-left: 0; }" + "\n"; //margin-left - col:first - margin-left - col... : set margin-left only
grids += "." + name + "_col:last-child { padding-right: " + padding_left + "px; }" + "\n"; //col - padding-left - col:last - padding-right : set padding-left only
grids += "\n";

//test css...
if (test_css) {
grids += "/* test css... */" + "\n";
grids += "." + name + "_left " + "." + name + "_col:last-child { padding-right: 0; }" + "\n";
if (margin_left == 0 && margin_bottom == 0) {
grids += "." + name + "_left " + "." + name + "_col { padding-top: 0; }" + "\n";
grids += "." + name + "_right " + "." + name + "_col { padding-top: 0; }" + "\n";
grids += "." + name + "_col { padding-right: 0px; }" + "\n";
}
else {
grids += "." + name + "_left " + "." + name + "_col { padding-top: " + padding_top + "px; }" + "\n"; //remove top-padding
grids += "." + name + "_right " + "." + name + "_col { padding-top: " + padding_top + "px; }" + "\n"; //remove top-padding
}
grids += "\n";
}

grids += "/* " + name.toUpperCase() + " OF " + columns + " */" + "\n";

for (i = 1; i <= columns; i++) {
g = number_format((i / columns) * grids_width, 5, '.', '');
grids += "." + name + "_" + i + "_of_" + columns + " {width : " + g + "% }" +"\n";
}
grids += "\n";

grids += "/* GO FULL WIDTH BELOW 480 PIXELS */" + "\n";
grids += "@media only screen and (max-width: 480px) {" +"\n";
grids += "\t" + "." + name + "_col { " +"\n";
grids += "\t\t" + "margin: "+ margin_top + "% " + margin_right + "% " + margin_bottom + "% " + margin_left + "% " + ";" + "\n";
grids += "\t\t" + "padding: "+ padding_top + "px " + padding_right + "px " + padding_bottom + "px " + padding_left + "px " + ";" + "\n";
grids += "\t" + "}" + "\n";

for (i = 1; i <= columns; i++) {
grids += "\t" + "." + name + "_" + i + "_of_" + columns;
if (i < columns)
grids += "," + "\n";
}

grids += "\t" +"{ width: " + grids_width + "%; }" + "\n";
grids += "}";

return grids;
}

function get_grid_pre(name, columns) {
ex_pre = "<div class=\"" + name + "_section " + name + "_group\">" + "\n";
for (i = 1; i <= columns; i++) {
ex_pre += "\t" + "<div class=\"" + name + "_col " + name + "_" + "1_of_" + columns + "\">";
ex_pre += "<div class=\"" + name + "_innercol\">" + i + "</div>";
ex_pre += "</div>" + "\n";
}
ex_pre += "</div>"+ "\n";

ex_pre += "<div class=\"" + name + "_section " + name + "_group\">" + "\n";

ex_pre += "\t" + "<div class=\"grid_left\" id=\"grid_left\" style=\"width:" + grid_left_width + "%; float:left;\">"+ "\n";
for (i = 1; i <= columns; i++) {
ex_pre += "\t" + "\t" + "<div class=\"" + name + "_col " + name + "_" + "1_of_" + columns + "\">";
ex_pre += "<div class=\"" + name + "_innercol\">" + i + "</div>";
ex_pre += "</div>" + "\n";
}
ex_pre += "\t" + "</div>"+ "\n";

ex_pre += "\t" + "<div class=\"grid_right\" id=\"grid_right\" style=\"width:" + grid_right_width + "%; float:right;\">"+ "\n";
for (i = 1; i <= columns; i++) {
ex_pre += "\t" + "\t" + "<div class=\"" + name + "_col " + name + "_" + "1_of_" + columns + "\">";
ex_pre += "<div class=\"" + name + "_innercol\">" + i + "</div>";
ex_pre += "</div>" + "\n";
}
ex_pre += "\t" + "</div>"+ "\n";

ex_pre += "</div>";

return ex_pre;
}

function get_grid_html(name, columns) {
ex_grid = "<div class=\"" + name + "_section " + name + "_group\">";
for (i = 1; i <= columns; i++) {
ex_grid += "<div class=\"" + name + "_col " + name + "_" + "1_of_" + columns + "\">";
ex_grid += "<div class=\"" + name + "_innercol\">" + i + "</div>";
ex_grid += "</div>";
}
ex_grid += "</div>";

return ex_grid;
}

function set_grid_css(css) {
document.head.insertAdjacentHTML("beforeend", "<style>" + css + "</style>");
}

function set_insertAdjacentHTML(el, text) {
el.innerHTML = "";
el.insertAdjacentHTML("beforeend", text)
}

function reset_grid() {
setvar_frominput();

var css = get_grid_css(grids_name, grids_columns);
set_grid_css(css);
set_insertAdjacentHTML(el_grid_css, css);

set_insertAdjacentHTML(el_grid_pre, get_grid_pre(grids_name, grids_columns));
set_insertAdjacentHTML(el_grid_html, get_grid_html(grids_name, grids_columns));
set_insertAdjacentHTML(el_grid_left, get_grid_html(grids_name, grids_columns));
set_insertAdjacentHTML(el_grid_right, get_grid_html(grids_name, grids_columns));

el_grid_left.style.width = grid_left_width+"%";
el_grid_right.style.width = grid_right_width+"%";
}

//https://blogpack.tistory.com/1116
function downloadTemplate(filename, text) {
var el_temp = document.createElement('a');
el_temp.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
el_temp.setAttribute('download', filename);
el_temp.style.display = 'none';
document.body.appendChild(el_temp);
el_temp.click();
document.body.removeChild(el_temp);
}

function css_write() {
setvar_frominput();
downloadTemplate(grids_name+"_"+grids_columns+".css", get_grid_css(grids_name, grids_columns, false));
}

setinput_fromvar();
reset_grid();

el_reset_grid.addEventListener('click', function(event) {
reset_grid();
var el_write_css = document.getElementById("write_css");
if (el_write_css.checked===true) {
el_write_css.checked = false;
//el_write_css.click(); //to Uncheck it
css_write();
}
return false;
});
</script>

</body>

</html>

html + php

<?php
//source
//http://www.responsivegridsystem.com/calculator/
//https://github.com/johnpolacek/extra-strength-responsive-grids

$grids_name = "grid";
$grids_columns = 20;

$margin_top = 0.0;
$margin_right = 0;
$margin_bottom = 0.2;
$margin_left = 0.0;

$padding_top = 2;
$padding_right = 0;
$padding_bottom = 2;
$padding_left = 2;

$margin_innercol_top = 0;
$margin_innercol_right = 0;
$margin_innercol_bottom = 0;
$margin_innercol_left = 0;

$padding_innercol_top = 0;
$padding_innercol_right = 0;
$padding_innercol_bottom = 0;
$padding_innercol_left = 3;

$grid_left_width = 45;
$grid_right_width = 55;

$outer_color = "#aaa";
$inner_color = "#eee";

//protected $background_color = "#1E90FF";
//protected $background_color_left = "#FDFD96";
//protected $background_color_right = "#028A0F";

$write_css = 0;

function grid_css($name, $columns, $test_css = true)
{
global $grids_name;
global $grids_columns;

global $margin_top;
global $margin_right;
global $margin_bottom;
global $margin_left;

global $padding_top;
global $padding_right;
global $padding_bottom;
global $padding_left;

global $margin_innercol_top;
global $margin_innercol_right;
global $margin_innercol_bottom;
global $margin_innercol_left;

global $padding_innercol_top;
global $padding_innercol_right;
global $padding_innercol_bottom;
global $padding_innercol_left;

global $outer_color;
global $inner_color;

$grids_name = $name;
$grids_columns = $columns;
$grids_width = 100 - ($margin_left * ($columns-1)); //%

$grids = "";

$grids .= "/* SECTIONS */" . "\n";
$grids .= "/* splits up the page horizontally. */" . "\n";
$grids .= "/* You'll need a few of these to break up the content, and you can use them in your main wrapper, or within other divs. */" . "\n";
$grids .= "." . $name . "_section {" . "\n";
$grids .= "\t" . "clear: both;" . "\n";
$grids .= "\t" . "margin: 0px;" . "\n";
$grids .= "\t" . "padding: 0px;" . "\n";
$grids .= "}" . "\n";
$grids .= "\n";

$grids .= "/* GROUPING */" . "\n";
$grids .= "/* solves floating problems, by forcing the section to self clear its children (aka the clearfix hack). */" . "\n";
$grids .= "/* This is good in Firefox 3.5+, Safari 4+, Chrome, Opera 9+ and IE 6+. */" . "\n";
$grids .= "." . $name . "_group:before," . "\n";
$grids .= "." . $name . "_group:after { content:\"\"; display:table; }" . "\n";
$grids .= "." . $name . "_group:after { clear:both;}" . "\n";
$grids .= "." . $name . "_group { zoom:1; /* For IE 6/7 */ }" . "\n";
$grids .= "\n";

$grids .= "/* COLUMN SETUP */" . "\n";
$grids .= "/* divides the section into columns. */" . "\n";
$grids .= "/* Each column has a left margin of 1.6% (around 20 pixels on a normal monitor), */" . "\n";
$grids .= "/* except the first one. Using .col:first-child { margin-left: 0; } means you don't need to use class=\"last\" anywhere. */" . "\n";
$grids .= "/* It works in all browsers since IE6. */" . "\n";
$grids .= "." . $name . "_col {" . "\n";
$grids .= "\t" . "clear:none;" . "\n";
$grids .= "\t" . "display: block;" . "\n";
$grids .= "\t" . "float:left;" . "\n";

//test css...
if ($test_css) {
$grids .= "\n";
$grids .= "\t" . "/* test css... */" . "\n";
$grids .= "\t" . "background-color: " . $outer_color . ";" . "\n";
$grids .= "\n";
}

$grids .= "\t" . "margin: " . $margin_top . "% " . $margin_right . "% " . $margin_bottom . "% " . $margin_left . "% " . ";" . "\n";
$grids .= "\t" . "padding: " . $padding_top . "px " . $padding_right . "px " . $padding_bottom . "px " . $padding_left . "px " . ";" . "\n";
$grids .= "\t" . "-moz-box-sizing:border-box;" . "\n";
$grids .= "\t" . "-webkit-box-sizing:border-box;" . "\n";
$grids .= "\t" . "box-sizing:border-box;" . "\n";
$grids .= "\t" . "*behavior:url(boxsizing.htc);" . "\n";
$grids .= "}" . "\n";
$grids .= "\n";

$grids .= "/* INNER COLUMN SETUP */" . "\n";
$grids .= "." . $name . "_innercol {" . "\n";
$grids .= "\t" . "display: block;" . "\n";

//test css...
if ($test_css) {
$grids .= "\n";
$grids .= "\t" . "/* test css... */" . "\n";
$grids .= "\t" . "background-color: " . $inner_color . ";" . "\n";
$grids .= "\n";
}

$grids .= "\t" . "margin: " . $margin_innercol_top . "px " . $margin_innercol_right . "px " . $margin_innercol_bottom . "px " . $margin_innercol_left . "px " . ";" . "\n";
$grids .= "\t" . "padding: " . $padding_innercol_top . "px " . $padding_innercol_right . "px " . $padding_innercol_bottom . "px " . $padding_innercol_left . "px " . ";" . "\n";
$grids .= "\t" . "-moz-box-sizing:border-box;" . "\n";
$grids .= "\t" . "-webkit-box-sizing:border-box;" . "\n";
$grids .= "\t" . "box-sizing:border-box;" . "\n";
$grids .= "\t" . "*behavior:url(boxsizing.htc);" . "\n";
$grids .= "}" . "\n";
$grids .= "\n";

$grids .= "." . $name . "_col:first-child { margin-left: 0; }" . "\n";
$grids .= "." . $name . "_col:last-child { padding-right: ".$padding_left . "px; }" . "\n";
$grids .= "\n";

//test css...
if ($test_css) {
$grids .= "/* test css... */" . "\n";
$grids .= "." . $name . "_left " . "." . $name . "_col:last-child { padding-right: 0; }" . "\n";
if ($margin_left == 0 && $margin_bottom == 0) {
$grids .= "." . $name . "_left " . "." . $name . "_col { padding-top: 0; }" . "\n";
$grids .= "." . $name . "_right " . "." . $name . "_col { padding-top: 0; }" . "\n";
$grids .= "." . $name . "_col { padding-right: 0px; }" . "\n";
}
else {
$grids .= "." . $name . "_left " . "." . $name . "_col { padding-top: " . $padding_top . "px; }" . "\n"; //remove top-padding
$grids .= "." . $name . "_right " . "." . $name . "_col { padding-top: " . $padding_top . "px; }" . "\n"; //remove top-padding
}
$grids .= "\n";
}

$grids .= "/* " . strtoupper($name) . " OF " . $columns . " */" . "\n";

for ($i = 1; $i <= $columns; $i++) {
$g = number_format (($i / $columns) * $grids_width, 5, '.', '');
$grids .= "." . $name . "_" . $i . "_of_" . $columns . " {width : " . $g . "% }" . "\n";
}
$grids .= "\n";

$grids .= "/* GO FULL WIDTH BELOW 480 PIXELS */" . "\n";
$grids .= "@media only screen and (max-width: 480px) {" . "\n";
$grids .= "\t" . "." . $name . "_col { " . "\n";
$grids .= "\t\t" . "margin: ". $margin_top . "% " . $margin_right . "% " . $margin_bottom . "% " . $margin_left . "% " . ";" . "\n";
$grids .= "\t\t" . "padding: ". $padding_top . "px " . $padding_right . "px " . $padding_bottom . "px " . $padding_left . "px " . ";" . "\n";
$grids .= "\t" . "}" . "\n";

for ($i = 1; $i <= $columns; $i++) {
$grids .= "\t" . "." . $name . "_" . $i . "_of_" . $columns;
if ($i < $columns)
$grids .= "," . "\n";
}

$grids .= "\t" . "{ width: ". $grids_width ."%; }" . "\n";
$grids .= "}";

return $grids;
}

function grid_pre($name, $columns)
{
global $grid_left_width;
global $grid_right_width;

$ex_pre = "<div class=\"" . $name . "_section " . $name . "_group\">" . "\n";
for ($i = 1; $i <= $columns; $i++) {
$ex_pre .= "\t" . "<div class=\"" . $name . "_col " . $name . "_" . "1_of_" . $columns ."\">";
$ex_pre .= "<div class=\"" . $name . "_innercol\">" . $i . "</div>";
$ex_pre .= "</div>" . "\n";
}
$ex_pre .= "</div>". "\n";

$ex_pre .= "<div class=\"" . $name . "_section " . $name . "_group\">" . "\n";

$ex_pre .= "\t" . "<div class=\"grid_left\" id=\"grid_left\" style=\"width:" . $grid_left_width . "%; float:left;\">". "\n";
for ($i = 1; $i <= $columns; $i++) {
$ex_pre .= "\t" . "\t" . "<div class=\"" . $name . "_col " . $name . "_" . "1_of_" . $columns ."\">";
$ex_pre .= "<div class=\"" . $name . "_innercol\">" . $i . "</div>";
$ex_pre .= "</div>" . "\n";
}
$ex_pre .= "\t" . "</div>". "\n";

$ex_pre .= "\t" . "<div class=\"grid_right\" id=\"grid_right\" style=\"width:" . $grid_right_width . "%; float:right;\">". "\n";
for ($i = 1; $i <= $columns; $i++) {
$ex_pre .= "\t" . "\t" . "<div class=\"" . $name . "_col " . $name . "_" . "1_of_" . $columns ."\">";
$ex_pre .= "<div class=\"" . $name . "_innercol\">" . $i . "</div>";
$ex_pre .= "</div>" . "\n";
}
$ex_pre .= "\t" . "</div>". "\n";

$ex_pre .= "</div>";

return $ex_pre;
}

function grid_html($name, $columns)
{
$ex_grid = "<div class=\"" . $name . "_section " . $name . "_group\">";
for ($i = 1; $i <= $columns; $i++) {
$ex_grid .= "<div class=\"" . $name . "_col " . $name . "_" . "1_of_" . $columns ."\">";
$ex_grid .= "<div class=\"" . $name . "_innercol\">" . $i . "</div>";
$ex_grid .= "</div>";
}
$ex_grid .= "</div>";

return $ex_grid;
}

function css_write($name, $columns)
{
$fp = fopen($name."_".$columns.".css", "w");
fwrite($fp, grid_css($name, $columns, false));
fclose($fp);
}

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$grids_name = $_POST['grids_name'];
$grids_columns = $_POST['grids_columns'];

$margin_top = $_POST['margin_top'];
$margin_right = $_POST['margin_right'];
$margin_bottom = $_POST['margin_bottom'];
$margin_left = $_POST['margin_left'];

$padding_top = $_POST['padding_top'];
$padding_right = $_POST['padding_right'];
$padding_bottom = $_POST['padding_bottom'];
$padding_left = $_POST['padding_left'];

$margin_innercol_top = $_POST['margin_innercol_top'];
$margin_innercol_right = $_POST['margin_innercol_right'];
$margin_innercol_bottom = $_POST['margin_innercol_bottom'];
$margin_innercol_left = $_POST['margin_innercol_left'];

$padding_innercol_top = $_POST['padding_innercol_top'];
$padding_innercol_right = $_POST['padding_innercol_right'];
$padding_innercol_bottom = $_POST['padding_innercol_bottom'];
$padding_innercol_left = $_POST['padding_innercol_left'];

$grid_left_width = $_POST['grid_left_width'];
$grid_right_width = $_POST['grid_right_width'];

$outer_color = $_POST['outer_color'];
$inner_color = $_POST['inner_color'];

if (isset($_POST['write_css']) && $_POST['write_css'] == "write") {
css_write($grids_name, $grids_columns);
$write_css = 0;
}
}

$grid_css = grid_css($grids_name, $grids_columns);
$grid_pre = grid_pre($grids_name, $grids_columns);
$grid_html = grid_html($grids_name, $grids_columns);
$grid_left = grid_html($grids_name, $grids_columns);
$grid_right = grid_html($grids_name, $grids_columns);
?>

<html>

<head>
<title>grid</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<style type="text/css" media="screen">
input, button, span, p, textarea, div {
font-size: 11pt;
}
input, div {
margin: 0px 0px 0px 0px;
padding: 0px;
}
button {
margin: 0px;
padding: 1px;
border: 1px solid #777;
background: #ccc;
}
button:hover {
background-color: #A9BCEF;
cursor:pointer;
}
p {
margin: 1px 1px 1px 1px;
padding: 2px;
}
textarea {
border: 1px solid #999999;
margin: 0px 0px 0px 0px;
padding: 2px;
overflow: auto;
}
textarea {
tab-size : 4;
-o-tab-size : 4;
-moz-tab-size : 4;
-webkit-tab-size: 4;
}
</style>

<style type="text/css">
<?php echo $grid_css; ?>
</style>
</head>

<body>
<form action="index.php" id="grids" name="grids" method="post">
<p>
<strong><span>source : </span></strong>
<a target="_blank" href="http://www.responsivegridsystem.com">responsivegridsystem</a>
<a target="_blank" href="https://github.com/johnpolacek/extra-strength-responsive-grids">extra-strength-responsive-grids</a>
</p>
<p>
<strong><span>css grid name : </span></strong>
<input type="text" id="grids_name" name="grids_name" value="<?php echo $grids_name; ?>">
<strong><span>grid columns : </span></strong>
<input type="number" id="grids_columns" name="grids_columns" maxlength="3" oninput="checkMaxLength(this)" value="<?php echo $grids_columns; ?>">
</p>
<p>
<strong><span>margin(%) top : </span></strong>
<input type="text" id="margin_top" name="margin_top" size="10" maxlength="10" value="<?php echo $margin_top; ?>">
<strong><span> right </span></strong>
<input type="text" id="margin_right" name="margin_right" size="10" maxlength="10" value="<?php echo $margin_right; ?>">
<strong><span> bottom </span></strong>
<input type="text" id="margin_bottom" name="margin_bottom" size="10" maxlength="10" value="<?php echo $margin_bottom; ?>">
<strong><span> left </span></strong>
<input type="text" id="margin_left" name="margin_left" size="10" maxlength="10" value="<?php echo $margin_left; ?>">
</p>
<p>
<strong><span>padding(px) top : </span></strong>
<input type="text" id="padding_top" name="padding_top" size="10" maxlength="10" value="<?php echo $padding_top; ?>">
<strong><span> right </span></strong>
<input type="text" id="padding_right" name="padding_right" size="10" maxlength="10" value="<?php echo $padding_right; ?>">
<strong><span> bottom </span></strong>
<input type="text" id="padding_bottom" name="padding_bottom" size="10" maxlength="10" value="<?php echo $padding_bottom; ?>">
<strong><span> left </span></strong>
<input type="text" id="padding_left" name="padding_left" size="10" maxlength="10" value="<?php echo $padding_left; ?>">
</p>
<p>
<strong><span>margin(px) innercol top : </span></strong>
<input type="text" id="margin_innercol_top" name="margin_innercol_top" size="10" maxlength="10" value="<?php echo $margin_innercol_top; ?>">
<strong><span> right </span></strong>
<input type="text" id="margin_innercol_right" name="margin_innercol_right" size="10" maxlength="10" value="<?php echo $margin_innercol_right; ?>">
<strong><span> bottom </span></strong>
<input type="text" id="margin_innercol_bottom" name="margin_innercol_bottom" size="10" maxlength="10" value="<?php echo $margin_innercol_bottom; ?>">
<strong><span> left </span></strong>
<input type="text" id="margin_innercol_left" name="margin_innercol_left" size="10" maxlength="10" value="<?php echo $margin_innercol_left; ?>">
</p>
<p>
<strong><span>padding(px) innercol top : </span></strong>
<input type="text" id="padding_innercol_top" name="padding_innercol_top" size="10" maxlength="10" value="<?php echo $padding_innercol_top; ?>">
<strong><span> right </span></strong>
<input type="text" id="padding_innercol_right" name="padding_innercol_right" size="10" maxlength="10" value="<?php echo $padding_innercol_right; ?>">
<strong><span> bottom </span></strong>
<input type="text" id="padding_innercol_bottom" name="padding_innercol_bottom" size="10" maxlength="10" value="<?php echo $padding_innercol_bottom; ?>">
<strong><span> left </span></strong>
<input type="text" id="padding_innercol_left" name="padding_innercol_left" size="10" maxlength="10" value="<?php echo $padding_innercol_left; ?>">
</p>
<p>
<strong><span>grid left width(%) : </span></strong>
<input type="text" id="grid_left_width" name="grid_left_width" size="10" maxlength="10" value="<?php echo $grid_left_width; ?>">
<strong><span>grid right width(%) : </span></strong>
<input type="text" id="grid_right_width" name="grid_right_width" size="10" maxlength="10" value="<?php echo $grid_right_width; ?>">
</p>
<p>
<strong><span>outer color : </span></strong>
<input type="text" id="outer_color" name="outer_color" value="<?php echo $outer_color; ?>">
<strong><span>inner color : </span></strong>
<input type="text" id="inner_color" name="inner_color" value="<?php echo $inner_color; ?>">
</p>
<p><strong><span>The CSS</span></strong></p>
<p><textarea id="grid_css" name="grid_css" rows="15" style="width: 99.6%" spellcheck="false"><?php echo $grid_css; ?></textarea><p>

<p><strong><span>The HTML</span></strong></p>
<p><textarea id="grid_pre" name="grid_pre" rows="15" style="width: 99.6%" spellcheck="false"><?php echo $grid_pre; ?></textarea><p>

<div id="grid_html" name="grid_html"><?php echo $grid_html; ?></div>
<div class='<?php echo $grids_name . "_section " . $grids_name . "_group"; ?>'>
<?php echo '<div class="' . $grids_name . '_left id="grid_left" style="width:' . $grid_left_width . '%; float:left;">'?><?php echo $grid_left; ?></div>
<?php echo '<div class="' . $grids_name . '_right id="grid_right" style="width:' . $grid_right_width . '%; float:right;">'?><?php echo $grid_right; ?></div>
</div>

<fieldset>
<legend>Write css file:</legend>
<div>
<input type="checkbox" id="write_css" name="write_css" value="write" <?php echo ($write_css==1 ? 'checked="checked"' : '');?>>
<label for="write_css">write</label>
</div>
</fieldset>

<p><input type="submit" value="reset, write" /></p>
</form>

<script type="text/javascript">
function checkMaxLength(object){
if(object.value.length > object.maxLength){
object.value = object.value.slice(0, object.maxLength);
}
}
</script>
</body>

</html>

첨부파일은 html + php 확장판입니다.

이걸 올릴까 말까 고민한지 한달이 되어가는데.. 한분에게라도 도움이 될까 싶어 올립니다

설명을 좀 달아볼까 했는데 그런 재주는 없었습니다

네종류의 예제로 설명을 대신합니다.

혹시 궁금한 점이 계시면 댓글 달아주세요.

빠른시작 시즌2 php8.1 & CI4

kaido — Fri, 23 Dec 2022 17:05:54 +0900

안녕하세요 카이도입니다.

다시 돌아온 docker로 시작해보는 빠른 시작 입니다.

설치 리스트

nginx:latest

mysql:5.7.37

php8.1-fpm

하단에 참조한 파일의 압축을 풀어주세요.

우선 도커를 설치 뙇!

https://hub.docker.com/editions/community/docker-ce-desktop-windows

해당 사이트 참조

다운로드 주소

https://desktop.docker.com/win/main/amd64/Docker%20Desktop%20Installer.exe

PS. 이전과 다르게 WSL2 를 사용합니다 [윈도우체계]

WSL2가 없으면 설치하셔야 합니다.

압축을 푼 폴더에서 CMD 이나 Windows Power Shell 로 실행하세요.

docker-compose up --build -d [해당 도커 파일을 설치하라.]

(설치이후 다시 기동할때 docker-compose up -d 처음 시작 할때로 --build 옵션 빼고도 상관없음. --build 는 무조건 설치파일 확인 하는 옵션 입니다.)

그다음에 할게 몇가지 있습니다.

CI4는 까다롭거든요 !

nginx mysql php-fpm 까지 설치된 상태에서

docker exec -it web81 /bin/bash

해당 컨테이너로 접속 하시면 기본 작업 디렉토리가

/var/www/app 폴더로 잡혀있습니다.

ci4를 설치해 봅시다 !

https://codeigniter.com/user_guide/installation/installing_composer.html

메뉴얼에 따르면 이렇게 설치하시면 됩니다.

[docker image에 이미 composer는 설치되어있습니다!]

composer create-project codeigniter4/appstarter --no-dev

종속성 패키지 체크 안하는 버전으로 설치하고 진행 !

env 파일 복사 및 설정

cp /var/www/app/appstarter/env /var/www/app/appstarter/.env

.env 설정 변경

vi /var/www/app/appstarter/.env

# CI_ENVIRONMENT = production

밑에 개발모드로 설정해서 에러 메세지 확인 가능하게 변경

CI_ENVIRONMENT = development

그리고 localhost로 접속하면 아래의 에러메세지가 나옵니다.

CodeIgniter\Cache\Exceptions\CacheException

cache 폴더의 권한 문제입니다.

어차피 외부 접근 권한이 없으니 그냥 전체 권한 줍니다.

chmod -R 777 /var/www/app/appstarter/writable/cache/

그리고 확인해 보면

Welcome to CodeIgniter 4.2.11

to enjoy ~

PS mysql 정보는 docker-compose.yml 파일에 아이디와 패스워드가 적혀있습니다.

포트는 3307 로 접속합니다.

nginx 로그는 nginx log 폴더와 conf 폴더 확인

php 로그는 php 폴더 확인

xdebug 사용하고 싶으면 php 폴더에 Dockerfile 파일에 주석 해제

9000포트는 fpm 때문에 사용불가로 xdebug.remote_port=9001 번으로 설정됨

끗 !

설치 영상은 곧 !

CI4에서 Database Master / Replica(Slave) 나눠서 사용하기

☞한빛★가람 — Sat, 09 Oct 2021 09:04:02 +0900

안녕하세요, 이번에 아직 오픈하지 않은 대규모 서비스(?)를 CI4로 운용하게 되면서 DB분리를 진행하며 겪게 된 고충에 대해서 강좌 게시판에 털어보고자 합니다.

그리고 아이디를 제가 잊어버려서 비밀번호 찾기를 눌렀더니 아이디를 입력하라고 해서 그냥 아이디를 시원하게 하나 다시 팠습니다.

프레임워크에서 DB분리, 참 쉽지가 않은데요.

Pure한 PHP를 사용할 때와 달리 CI에서는 MVC 방식으로 접근을 해야하고, 프레임워크가 정해주는 방식을 따라가야 하기 때문에 참 어려움이 많았습니다.

관련하여 해결한 방법을 여기에 남겨드립니다.

해외 쪽에서도 CI로 DB를 분리해서 사용한다는 글은 있지만, 다 CI3까지로 한정되는게 제가 3를 써보질 않아서 잘 모르겠습니다.

각설하고 시작하겠습니다.

1. 먼저 .env 파일을 수정을 진행해야합니다.

<>

database.default.hostname =
database.default.database =
database.default.username =
database.default.password =
database.default.DBDriver = MySQLi

<>

이 부분 아래에 다음과 같은 부분을 추가합니다.

<>

database.default.hostname =
database.default.database =
database.default.username =
database.default.password =
database.default.DBDriver = MySQLi

# 대충 여기가 아래입니당
database.replica.hostname =
database.replica.database =
database.replica.username =
database.replica.password =
database.replica.DBDriver = MySQLi

<>

저는 세션을 사용하지 않고 RestAPI 방식의 토큰을 차용하여 사용했기 때문에 기본을 Replica로 잡았는데요.

이렇게 잡으면 DB세션 등을 사용하는 분들께 문제가 있습니다.

그래서 저는 Master를 그냥 기본으로 잡고 글을 적습니다.

안되면 알아서 적당히 수정해서 쓰시면 됩니다

각 DB와 마스터/레플리카를 구현하는 부분은 생략하겠습니다. 이거 쓰면 제가 글을 쓰다가 말 것 같습니다.

그 다음! Config/Database.php 에 들어가서 다음 구절을 추가합니다.

public $default = [

대충 기본 DB 설정하는 부분이 끝나면...

<>

/**
* The Replica database connection.
*
* @var array
*/
public $replica = [
'DSN' => '',
'hostname' => 'localhost',
'username' => '',
'password' => '',
'database' => '',
'DBDriver' => 'MySQLi',
'DBPrefix' => '',
'pConnect' => false,
'DBDebug' => (ENVIRONMENT !== 'production'),
'charset' => 'utf8',
'DBCollat' => 'utf8_general_ci',
'swapPre' => '',
'encrypt' => false,
'compress' => false,
'strictOn' => false,
'failover' => [],
'port' => 3306,
];

<>

네, 이제 모든 준비는 끝났습니다.

Replica를 위한 전용 모델을 구축해야합니다.

App/Model 에 ReplicaModel.php 를 생성합니다.

<>

<?php
namespace App\Models;
use CodeIgniter\Database\ConnectionInterface;
use CodeIgniter\Model;
use CodeIgniter\Validation\ValidationInterface;
use Config\Database;

class ReplicaModel extends Model{
protected $DBGroup = 'replica';
public function __construct(ConnectionInterface &$db = null, ValidationInterface $validation = null)
{
parent::__construct($db, $validation);
}
}

<>

이렇게 하면 Replica와 Master를 나눠서 관리하 수 있습니다.

대신 상속을 해줘야해서 모델을 나눠서 관리해야하기 때문에 불편한데요.

이럴 때를 위한 해답이 있습니다... 만 추천하지는 않습니다.

<>

<?php
namespace App\Models;
use CodeIgniter\Database\ConnectionInterface;
use CodeIgniter\Model;
use CodeIgniter\Validation\ValidationInterface;
use Config\Database;

class BaseModel extends Model{
protected $validation = null;
public function __construct(ConnectionInterface &$db = null, ValidationInterface $validation = null)
{
$this->validation = $validation;
parent::__construct($db, $validation);
}

public function databaseToReplica()
{
$db = Database::connect('replica');
parent::__construct($db, $this->validation);
}

public function databaseToMaster()
{
$db = Database::connect('default');
parent::__construct($db, $this->validation);
}
}

<>

선택은 여러분의 몫입니다. 감사합니다.

PHP 서킷브레이커, ganesha 구현 방법입니다.

이현재 — Mon, 21 Dec 2020 10:51:48 +0900

안녕하세요, 이현재입니다.

PHP로 운영하던 서비스가 커져 MSA로 분리해야할 일이 있을 때 도입할 수 있는 라이브러리 중 하나입니다.

고도화를 하려고 한다면 너 나은 방안도 있지만, 초기에는 이정도로 충분하지 않을까 싶네요.

사내 기술블로그에 올려 링크로 공유드립니다.

https://saramin.github.io/2020-12-21-php-circuit-breaker-ganesha

[ 왕기초 ] GitHub 에서 Codeigniter 소스를 내려받자

벤지 — Wed, 27 May 2020 15:00:01 +0900

아주 아주 기초적인 내용이라

아시는분은 그냥 Pass 하십시요.

기초적인 사항이라

요점만 간단 명료하게

아주 쉅게 작성 하겠습니다.

1. https://github.com/codeigniter4/CodeIgniter4 사이트 접속

2. 아래와 그림과 같이 버젼을 확인합니다.

현재 최신버젼은 v4.0.3

다른 확인방법

3. 자신의 PC 에서 소스를 내려 받아 생성할 상위 디렉토리로 이동

예) c:\temp <---------------- 여기서 소스를 내려 받으시면

결과는 c:\temp\CodeIgniter4 디렉토리가 생성되며

내려받은 소스가 존재

4. git clone -b v4.0.3 https://github.com/codeigniter4/CodeIgniter4.git

( 설명 : 위의 2 번 에서 확인한 v4.0.3 글자를 입력 )

결과 : CodeIgniter4 라는 디렉토리가 하위에 생김

5. 내려받은 CodeIgniter4 디레토리로 이동

6. .git 과 .github 디렉토리 삭제

7. 로컬 PC 에 웹서버가 동작할 서버 셋팅 후 결과 확인 ( 서버 셋팅는 docker 추천  )

수고 하셨습니다.

(*) Relealse 버젼 ( 안정 버젼 )

- 아래 그림과 같이 숫자만 되어 있는 것이 안정 버젼입니다. ( Beta 버젼 아님 )

(*) 여담

VSCode 에서 Git History 을 확인해보니, 엄청나게 많은분들이 개발에 참가하고 계시더군요.

php기초가 부족하신 분들에게.. 이 글을 추천해봄니다.

jcoop2 — Sun, 28 Jul 2019 01:08:28 +0900

안녕하세요.

예전에 코드이그나이터에서 jcoop로 활동하던 사람입니다.

오랜만에 와서, 아이디가 생각이 안나, 그냥 다시 만들었군요. php기초에 도움이 될것 같아, 적은 글들을 여기에다가 올려봄니다.

https://blog.naver.com/tt2t2am1118/221595812282

[웹 프로그래밍] PHP + MySQL --1.

https://blog.naver.com/tt2t2am1118/221596519964

[웹 프로그래밍] PHP + MySQL --2.

https://blog.naver.com/tt2t2am1118/221596801903

[웹 프로그래밍] PHP + MySQL --3. ,form. 폼. 전송과 응답. request, response.

https://blog.naver.com/tt2t2am1118/221596810689

[웹 프로그래밍] PHP + MySQL --4. database. 데이터베이스. MySQL소개.

https://blog.naver.com/tt2t2am1118/221596815801

[웹 프로그래밍] PHP + MySQL --5. php와 데이터베이스의 연결(단순).

https://blog.naver.com/tt2t2am1118/221596880744

[웹 프로그래밍] PHP + MySQL --6. 실제 연결. 가비아 웹호스팅 + 이클립스IDE.

https://blog.naver.com/tt2t2am1118/221597582591

[웹 프로그래밍] PHP + MySQL --7. PHP 클래스.

여기까지 입니다. 공부하다보니, 코드이그나이터를 다시보게 되는 군요. 7번글을 적고난 후, 코드이그나이터를 하려고 하는 군요. php기초도 많은데, 도움이 될 것 같아 올려보네요.

지식공유합시다~. 공부해 보아요~.

글, 봐 주셔서 감사합니다.

docker로 시작해 보는 swoole

kaido — Wed, 26 Jun 2019 16:33:24 +0900

이전에 swoole 을 소개해 드렸습니다만 어떤건지 백문이 불여 일 코드 !

빠르게 스타트 해서 테스트해보는 docker 파일을 작성해 보았습니다.

docker는 당연히 설치 해서 실행 하셔야 하고..

[참고 https://www.cikorea.net/bbs/view/lecture?idx=21043&lists_style= ]

첨부된 해당 압축 파일을 해제 하시고 cmd 혹은 power sell 실행 해서 해당 압축 푼 폴더에서 해당 명령어 실행!

docker-compose up -d

하시면 빠르게 구축 끝!

샘플 파일은 app 폴더에 있습니다.

컨테이너 접속 후 cd /app

마운트 되어있어서 컨테이너 밖... [윈도우면 윈도우 상] app 폴더에서 수정 하시면 컨테이너에도 적용됩니다.

각각 http 서버와 tcp 서버와 클라이언트. 그리고 websocket 서버등이 올라가 있습니다.

포트는 1024번으로 설정되어 있습니다.

기본 이미지는 php-fpm 7.2 입니다.

메뉴얼 및 레퍼런스는 공식 홈페이지에서 확인 !

https://www.swoole.co.uk/#get-started

to enjoy ~

docker로 CI 3.1.10 빠르게 시작 하기 [PHP 7.3 mysql 5.7 버전으로 시작하기]

kaido — Wed, 10 Apr 2019 15:55:43 +0900

누구나 쉽고 간단 하게 시작 할수 있도록 준비 하였습니다 !

docker

php 7.3

mysql 5.7.25

codeigniter 3.1.10

최신 버전으로 시작 가능한 패키지 !

우선 도커를 설치 뙇!

https://hub.docker.com/editions/community/docker-ce-desktop-windows

가입하고 로그인한 다음에 다운로드 받아서 인스톨만 하시면 됩니다.

물론 고래 모양의 아이콘으로 실행이 필수 이겠지요?

그런 다음 원하시는 폴더에 해당 압출 파일을 풉니다. [ci3.1.10_php7.3_mysql5.7_base.zip]

폴더명과 위치를 c:\web_project 이라고 가칭 하죠.

그러면 conf, web 폴더가 나오고 docker-compose , Dockerfile 2개의 도커 파일이 나옵니다.

윈도우 파워쉘을 오픈. [혹은 cmd ]

cd c:\web_project 해당 폴더로 이동

docker-compose up --build -d [해당 도커 파일을 설치하라.]

(설치이후 다시 기동할때 docker-compose up -d 처음 시작 할때로 --build 옵션 빼고도 상관없음. --build 는 무조건 설치파일 확인 하는 옵션 입니다.)

실행 하시면 기본적으로 설정을 잡아놓아서 안내 문구가 나타나실 것입니다!

우선 [세션 테이블 생성 하기] 를 클릭해서 데이터베이스에 세션테이블을 생성 하세요!

그리고 확인 하시면 끝!

해당 툴을 다운 받아서 실행 하시면 현재 올라와 있는 도커 컨테이너가 보이실 것입니다 ㅎ

https://kitematic.com/

포트 기본을 localhost:1024 로 잡아놓았습니다. 다른거랑 중복되지 않도록 말이죠.

80으로 바꾸실거면 docker-compose 파일에서 port 를 변경 하시면 됩니다.

apache 설정을 추가 하고 싶으시면 \conf\sites-enabled\000-default.conf 파일 수정 하시면 됩니다.

빠르게 시작해 보는 묶음 패키지 입니다 !

to enjoy ~

[CI4 팁공유] 일단 무작정 켜보기 - Docker를 써서

엽토군 — Fri, 15 Mar 2019 14:30:30 +0900

강좌라고 할 정도는 아니고 그냥 최근에 성공한 것을 팁 공유 차원에서 기록해 봅니다.

다들 아시다시피 Codeigniter 4의 설치 요건은 다음과 같습니다.

PHP 버전: >= 7.2
PHP 확장: php-json, php-mbstring, php-mysqlnd, php-xml, intl, libcurl

다른 건 뭐 다 좋은데 PHP 버전이 좀 걸리는 분들이 있으실 겁니다. 최신 라라벨도 7.2까지는 요구하지 않는데... CI 4 맛좀 보자고 PHP 버전을 올리자니 좀 애매하죠.

그래서 Docker를 이용해서 그냥 소스를 돌려 보는 것만 해보기로 했습니다.

도커가 뭐냐는 것은 이 문서의 설명 범위 밖에 있고 제 능력이 일천하므로 과감히 생략합니다.

1. 일단 CI4를 Manual Installation을 합니다.

https://codeigniter4.github.io/CodeIgniter4/installation/installing_manual.html

공식 문서에 써 있는 대로 (아주 전통적인 방식으로) zip을 다운 받아 그대로 원하는 폴더에 풀어 줍니다.

이제 CMD에서 php spark serve를 치면 이론상 PHP 내장웹서버가 돌아야 하지요. 하지만 PHP 버전이 7.1이나 그 이하라면 에러가 나고 작동을 안 할 겁니다.

2. docker를 설치합니다.

설치 과정은 운영체제별로 약간 다르니 생략합니다. 결과적으로, 커맨드창에서 docker info를 날렸을 때 뭐가 떠야 합니다.

3. docker-compose 환경을 생성합니다.

https://phpdocker.io/generator

이 사이트는 "전형적인 PHP 개발 환경"을 Docker 기반으로 짤 수 있게 파일을 만들어주는 사이트입니다.

각 입력칸에 대해서 저는 이렇게 했습니다.

Project Name: 영어로 된 적당한 이름
Base Port: 8700 (*1025 이상의 정수여야 합니다.)
Application Type: Generic (*기본값)
Max Upload Size: 100 (*기본값)
PHP Version: 7.3.x (*기본값)
Extensions: Intl, GD
Enable MySQL: No (*기본값)
Enable MariaDB: Yes

추가로 커넥션 설정값을 넣어줘야 합니다.
어차피 docker 컨테이너 안에서만 만들어지는 DB이므로 아무렇게나 해줘도 됩니다.

Postgres, Elasticsearch, Zero-config Services: 안 건드림

이렇게 하고 나서 Generate Project Archive를 누르면 zip 파일이 하나 떨어집니다.

4. 생성한 docker-compose 환경을 설치한 CI에 설치합니다.

먼저 1번 단계에서 수동 설치한 CI 소스의 루트에 zip 파일 압축을 풉니다.

결과적으로 docker-compose.yml 파일과 spark 파일이 같은 위치에 오게 되고, 아마도 phpdocker 폴더가 프로젝트에 새로 생기게 될 것입니다.

이제 필요한 수정을 약간 합니다. phpdocker/php-fpm/php-ini-override.ini 파일을 까보시면 설정값이 달랑 두 줄 들어가 있습니다.

다음과 같이 추가적으로 필요한 것들을 넣어줍시다.

date.timezone = Asia/Seoul
short_open_tag = On

5. Docker Compose를 실행하여 컨테이너를 띄웁니다.

이제 docker-compose.yml 파일이 있는 위치에서 다음 명령을 실행합니다.

docker-compose up -d

3번 단계에서 적당히 지어준 Project Name을 기반으로 한 mariadb, phpfpm, webserver 3개의 컨테이너가 뜨는 것을 볼 수 있습니다.

이제 localhost:8700 으로 접속하면 CI 4 소스가 도는 것을 볼 수 있습니다(내 로컬에 PHP 7.2를 깔지 않았는데도 말이죠).

파이썬에는 기본으로 딸려 있(다)는 virtualenv 같은게 PHP에는 없었는데, docker를 사용하면 간단히 프로젝트별 환경 구성을 다르게 해볼 수 있어서 좋은 것 같네요.

좀더 CI 4를 살펴보면서.. 마이그레이션 사용하는 법이나 Entity 사용하는 법 같은걸 좀더 파볼 계획입니다. ^^

코드이그나이터 사용 가이드 part 1.1 [가이드 문서 첨부]

kaido — Tue, 27 Jun 2017 18:12:22 +0830

안녕하세요 카이도 입니다.

이번 동영상 강좌에는 저만의 유니크한 코딩 스타일로 페이지네이션 구축 방법을 소개 하도록 하겠습니다.

반드시 이게 정답은 아니니, 참고 해주시기 바랍니다.

강의 내용에는 _remap, pagenation, _function, active_recode 내용이 들어있습니다.

https://www.youtube.com/watch?v=zYqKcr42Ifw&feature=youtu.be

다음 파트에서는 ajax 사용 방법과, CI에서 처리 방법을 같이 다루도록 하겠습니다.

PS 데이터베이스 설정은 알아서 변경해 주세요.

로컬로 테스트 하기 위해 만들어진 정보이기에 개인 정보에 알맞게 바꿔주셔야 합니다.

[정보 바꿔두기 귀찮....아요 ㅎㅎㅎ]

PS2. 설치가 궁금 하신분은 요 밑에 게시물 참고해 주세요.

http://www.cikorea.net/bbs/view/lecture?idx=17808&lists_style=

---------------------------------------------------------------------------

가이드 문서를 첨부 하였습니다.

해당 문서는 올해 1월달에 PHP 개발자를 위해서 만든 간단한 가이드 문서입니다.

조만간 part2 에서 한번 설명이 들어갈 예정입니다.

php class - step5

kaido — Fri, 09 Jun 2017 20:01:38 +0830

안녕하세요 kaido 입니다.

최근들어 php에서도 OOP 가 재차 조명이 되고 있어, OOP관련... 즉 class 다루는 법 동영상 강좌를 만들고 있습니다.

[그냥 소소한 개인 취미 정도라고 생각해 주세요]

최종목표는 class를 기가막히게 다루면서, 기가막힌 설계과 , 디자인 패턴~ 을 목표로 으로 만드는건 아닙니다! [응?]

최종 목표는 PSR 기준으로 코딩 하는 방법을 익히는게 목표입니다.

강좌내용은

extends [step 1 ~ 2]

interface [step 3~4]

implements [step 3~4]

__construct [step5]

trait [step 6]

namespace

auto load

PSR 6

까지만 다룰예정입니다.

마지막은 PSR6 구성하고, 기존에 만들어진 라이브러리를 집어 넣어서 사용하는 방법까지 강의 할 예정입니다.

[카카오페이를 가지고 만들 예정]

강좌 영상입니다.

step 1

https://www.youtube.com/watch?v=NmnskbvBxzE

step 2 [extends]

https://www.youtube.com/watch?v=tqSoU9KWPqo

step 3 [intreface. ::]

https://www.youtube.com/watch?v=0iq1hxzwW2Y

step 4 [interface part2]

https://www.youtube.com/watch?v=lYiypbYZ00Q

step 5 [__construct and multi extends]

https://youtu.be/ZDvRv6wMEho

step 6

coming soon...

PS. 타이핑한 자료는 계속 업데이트 됩니다.

codeigniter 설치 및 hmvc 적용 방법

kaido — Sat, 03 Jun 2017 01:10:07 +0830

코드이그나이터 압축 파일을 다운 받고 간단한 설정 및 hmvc 적용 방법 입니다.

입문 하시는 분들을 위해서 영상을 찍어 보았습니다.

파트 1

https://www.youtube.com/watch?v=yiTNgzBvN8A

파트2

https://www.youtube.com/watch?v=6ZhLe0dql-A

동영상에 사용된 코드는 타이핑 하지 마시고 가져다 쓰세요~

//컨피그설정
config.php
$config['permitted_uri_chars'] = '가-힣 a-z 0-9~%.:_\-\@';

$config['sess_table_name'] = 'ci_sessions';

//database table
CREATE TABLE `ci_sessions` (
`id` varchar(40) NOT NULL,
`ip_address` varchar(45) NOT NULL,
`timestamp` int(10) unsigned NOT NULL DEFAULT '0',
`data` blob NOT NULL,
PRIMARY KEY (`id`),
KEY `ci_sessions_timestamp` (`timestamp`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

//인덱스 죽이기... 파일 위치는 루트에 넣는다
.htaccess

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond $1 !^(index\.php|images|captcha|data|include|uploads|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.php/$1 [L]
</IfModule>

//controller 파일 기본
<? if (!defined('BASEPATH')) exit('No direct script access allowed');

class Test extends CI_Controller {

function __construct()
{
parent::__construct();
}

PS1. hmvc 파일 은 요 밑 게시판에 있어서 다시 업로드 하진 않았습니다.

링크 참고~

http://www.cikorea.net/bbs/view/lecture?idx=17433&lists_style=

PS2. 로컬에 개발 환경 구축 부터 시작 하실 분들은 아래 영상을 참고해 주세요

xampp 설치

https://www.youtube.com/watch?v=LqW_osfgF5M&t=449s

xampp 설치되어 있는 mysql 접속 방법

https://www.youtube.com/watch?v=oe1EBWGlUcQ