●▲■ 개발일기

See the Pen flex: 1 by Lee sangmin (@sangmin2) on CodePen. See the Pen flex: 1 by Lee sangmin (@sangmin2) on CodePen.

See the Pen 마우스 드래그로 영역 resize (html, css, js) by Lee sangmin (@sangmin2) on CodePen.

자주 사용하는 혹은 그렇지 않아서 잘 까먹는 명령어를 기록.** 모든 실행 중인 프로세스 확인 : ps aux** 특정 프로그램 검색 : ps aux | grep [프로그램 이름]** nginx 프로세스가 실행중 인지 확인 : service nginx status** nginx 프로세스 실행 : sudo service nginx start, sudo nginx ** 사용중인 프로세스 포트 확인 : netstat -tulpn (netstat 설치하려면 sudo apt install net-tools)** 좀더 현대적인 포트 확인 : ss -tulpn차이점은 위 이미지에서 확인가능.** lsof 명령어로 포트확인 : sudo lsof -i -P -n -i : 인터넷 주소와 관련된 파일 표시-P : 포트 번호..

# systemd란?systemd는 Linux 운영 체제에서 사용되는 시스템 및 서비스 관리자입니다. 2010년에 처음 소개되었으며, 현재 대부분의 주요 Linux 배포판에서 기본 init 시스템으로 채택되었습니다.## systemd의 주요 기능1. **부팅 프로세스 관리**: 시스템 부팅 시 필요한 서비스를 병렬로 시작하여 부팅 속도를 향상시킵니다.2. **서비스 관리**: 시스템 서비스의 시작, 중지, 재시작 및 상태 모니터링을 담당합니다.3. **의존성 관리**: 서비스 간의 의존성을 관리하여 올바른 순서로 시작되도록 합니다.4. **로깅**: 시스템 및 서비스 로그를 수집하고 관리합니다(journald).5. **소켓 활성화**: 필요할 때만 서비스를 시작하는 소켓 기반 활성화를 지원합니다.6. ..

sml@23yellow:~/23yellow$ sudo apt install nginxReading package lists... DoneBuilding dependency tree... DoneReading state information... DoneE: Unable to locate package nginxsml@23yellow:~/23yellow$ sudo apt install nginxReading package lists... DoneBuilding dependency tree... DoneReading state information... DoneE: Unable to locate package nginxsudo apt install nginx서버세팅하면서 nginx를 설치하려고 하는데 위와 ..

git init →→ git 초기화(생성)하기// github 사용을 위해 사용자 이름과 정보설정git config --global user.name "Your Name"git config --global user.email youremail@example.com-------------------------------------------------------------------------------ㆍgit clone [REPO_URL] [DIR] →→ Repo 저장소 복제하기// HTTPS 형식https://github.com/[USERNAME]/[REPOSITORY_NAME].git// SSH 형식git@github.com:[USERNAME]/[REPOSITORY_NAME].git------..

터미널에서 서울 표준시간을 적용하여 `index.php`를 실행하고, 로그를 남기는 명령어는 다음과 같습니다:TZ='Asia/Seoul' /usr/bin/php /path/to/index.php >> /path/to/log/$(TZ='Asia/Seoul' date +%Y%m%d_%H%M).log 2>&1### 명령어 설명- `TZ='Asia/Seoul'`: 명령어를 실행할 때 서울 시간대를 설정합니다.- `/usr/bin/php /path/to/index.php`: PHP 스크립트를 실행합니다. 여기서 `/usr/bin/php`는 PHP 실행 파일의 경로이고, `/path/to/index.php`는 `index.php` 파일의 경로입니다. 실제 경로로 변경해야 합니다.- `>> /path/to/log/$..

realgrid2.setRowIndicator({ visible: false }); 요렇게 하면 됩니다.

Composer는 PHP의 종속성 관리자로, 라이브러리 및 패키지를 관리하는 데 사용됩니다. Composer를 설치하려면 다음 단계를 따르십시오.  Composer 설치 단계  1. Composer 설치 스크립트 다운로드터미널(또는 명령 프롬프트)에서 Composer 설치 스크립트를 다운로드합니다.php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');" 2. 설치 스크립트의 해시 검증스크립트가 손상되지 않았는지 확인하기 위해 설치 스크립트의 해시를 검증합니다. 이를 위해 Composer의 최신 해시 값을 확인합니다. 예를 들어:php -r "if (hash_file('SHA384', 'composer-setup.php') === ..

Crontab을 사용하여 하루에 한 번씩 데이터를 REPLACE 쿼리로 업데이트하는 것은 위험할 수 있습니다. REPLACE 쿼리는 기존 데이터를 완전히 대체하기 때문에 실수로 데이터 손실이 발생할 가능성이 있습니다.대신, 다음과 같은 방법을 사용하여 변경된 데이터 값만 업데이트하는 것이 더 안전합니다. 1. UPDATE 쿼리 사용:UPDATE 쿼리는 특정 조건에 맞는 레코드만 업데이트합니다.변경된 데이터 값만 업데이트하려면 WHERE 절을 사용하여 조건을 설정해야 합니다.UPDATE 테이블명SET 컬럼1 = 새로운값1, 컬럼2 = 새로운값2WHERE 조건; 예시 : UPDATE usersSET email = 'newemail@example.com', phone_number = '010-123..

http://imakewebthings.com/waypoints/guides/getting-started/ Getting Started • Waypoints Getting Started The first thing you'll need to do is download Waypoints. The lib/ directory contains builds for jQuery and Zepto, as well as a version with no framework dependencies. Choose the one that fits your needs and include it. The rest of this guid imakewebthings.com

const BuyDate = { date: "YYYY-MM-DD", today: new Date(), year: new Date().getFullYear(), month: ('0' + (new Date().getMonth() + 1)).slice(-2), day: ('0' + new Date().getDate()).slice(-2), inputDate: function(year, month, day) { this.date += year + '-' + month + '-' + day; } } BuyDate.inputDate(BuyDate.year, BuyDate.month, BuyDate.day); console.log("BuyDate.date : ", BuyDate.date); BuyDate.inputD..

자바스크립트 객체를 문자열로 변환하는 방법은 JSON.stringify() 메서드를 사용하는 것입니다. 이 메서드는 자바스크립트 객체를 JSON 문자열로 변환합니다. 예를 들어, 다음과 같이 사용할 수 있습니다. const obj = { name: "John Doe", age: 30 }; console.log(JSON.stringify(obj)); 위 코드는 다음과 같은 결과를 출력합니다. {"name":"John Doe","age":30} 이렇게 변환된 문자열은 다시 객체로 변환할 수 있습니다. 이번에는 JSON.parse() 메서드를 사용합니다. const str = '{"name":"John Doe","age":30}'; console.log(JSON.parse(str)); 위 코드는 다음과 같은 ..

자바스크립트에서 객체를 배열로 변환하는 방법은 여러 가지가 있습니다. 가장 간단한 방법은 객체의 속성을 반복적으로 접근하여 push() 함수로 배열에 값을 추가하는 것입니다. 다음은 객체의 key(속성명)를 배열로 변환하는 예제입니다. const obj = { a: 1, b: 2, c: 3 }; const arr = []; for (let key in obj) { arr.push(key); } console.log(arr); // ['a', 'b', 'c'] 또 다른 방법으로는 Object.keys() 함수를 사용하는 것입니다. 이 함수는 객체의 속성명을 배열로 반환합니다. const obj = { a: 1, b: 2, c: 3 }; const arr = Object.keys(obj); console.l..

작은 프로젝트를 하려고 하는데 github가 회사계정에 연결이 되어 있었다. 그것도 모르고 로컬에서 github desktop으로 push를 하였더니 회사계정으로 repo가 올라가버렸다. 해당 repo를 내 계정으로 바꾸려고 함. 일단 내 계정이 어디로 연결되어 있는지 .git/config파일을 열어서 확인. origin 계정이 다르다면 github페이지에서 확인하여 수정해줌. git config -l 명령어를 통해서 내 user.email, user.name을 확인하고 내 계정과 맞는지 확인. 왠만하면 수정해주는게 좋은데 변경해주지 않아도 상관없는듯. 제어판 -> 사용자 계정 -> 자격 증명 관리 github 계정을 2개 이상 사용중이라면 아마 github 증명서가 여러개일듯. 찾아보면 해당 계정이 있..

밥먹기 잠자기 운동하기먹기 HTML 삽입 미리보기할 수 없는 소스

그냥 echo나 print로 확인 할 수 있는데 굳이 아래와 같이 쓰는 이유는..좀 더 시각적으로 편하게 데이터를 확인하기 위해서..  function logJson($data){ // $data를 JSON 형식으로 출력하기 위해 json_encode() 함수를 사용합니다. // JSON_PRETTY_PRINT 옵션을 사용하여 출력 결과를 보기 좋게 정렬합니다. echo "" . json_encode($data, JSON_PRETTY_PRINT) . "";} 3, "page" => 1]);if ($result->ok) { $health = $result->data; logJson($health);} else { $health = (object) [ "result" => 0, ..

이미지가 없는 경우에 예외처리는 보통 img 태그 안에 onerror="this.style.display = 'none'" 처리하면 되는데, onerror를 사용하지 않고 함수로 처리하는 방법 중 하나를 기록. html 코드에 적용한 예. 이미지가 없으면 : https://dev-5.onns.co.kr/~sml/pcare-v4/web-www/_lib/img/img-default-drug.png 이미지가 있으면 : https://www.pharm.or.kr:442/images/sb_photo/big3/201802190001101.jpg JS영역에서 하단 https://www.pharm.or.kr:442/images/sb_photo/big3/201802190001101.jpg 이미지의 주소를 바꿔서 이미지가..

See the Pen 부트스트랩bootstrap 스타일 프로그래스바progressBar by Lee sangmin (@sangmin2) on CodePen. 이거 쉽게 찾을 수 있을거라 생각하고 구글링했는데 한참 찾았음. 1.5초 이후에 프로그래스 바 게이지가 올라가는 애니메이션도 추가함. 현재 80명 참여 (80/100)

JS라이브러리가 많이 있는데 그중에 깔끔하다고 생각되어 기록 남김. https://keen-slider.io/examples#datetimepicker Examples | Keen-Slider keen-slider.io https://codepen.io/choiyoungjun90/pen/LYyYdaj timepicker with swiper.js ... codepen.io