[Vite] TypeScript 기반 React 프로젝트 시작하기

React

[Vite] TypeScript 기반 React 프로젝트에 테스트 환경 구성하기

React

[Vite] TypeScript 기반 React 프로젝트에 Stylelin(CSS-in-JS) 추가하기

React

[Vite] TypeScript 기반 React 프로젝트에 Prettier 추가하기

React

[에세이] 함께 일하기

사회에 임팩트를 주는 일은 혼자서 하기 힘들다. 같이 일하는 동료, 내 주변 사람들과 함께 해야 큰 임팩트를 줄 수 있다. 이는 사회인이라면 누구나 다 아는 사실이지만, 이를 실천하는 것은 어렵다. 우리는 함께...

essay

삽질의 연속

안녕하세요. 오늘도 유지보수관련하여 글을 남길까 합니다.몇일 전 고객사로부터 콘텐츠는 존재하는데 검색이 않된다고 확인을 요청하는 메일이 대표님을 통해 들어왔습니다. 저도 약간의 문제가 있다는 것은 알고...

프로그래밍/PHP Apache Solr index PHP 색인

삽질의 연속

안녕하세요. 오늘도 유지보수관련하여 글을 남길까 합니다.몇일 전 고객사로부터 콘텐츠는 존재하는데 검색이 않된다고 확인을 요청하는 메일이 대표님을 통해 들어왔습니다. 저도 약간의 문제가 있다는 것은 알고...

프로그래밍/PHP Apache Solr index PHP 색인

TIL PHP 4/18/2024

배열의 키에 익명함수를 사용;;; 다음 코드를 실행하면 무슨 일이 일어날까? (PHP 버전은 8.0이라고 가정한다.) $version = '1.2.014'; $versions = [ (fn() => $version . '-master')() => 'stable', (fn()...

PHP

TIL PHP 4/18/2024

배열의 키에 익명함수를 사용;;; 다음 코드를 실행하면 무슨 일이 일어날까? (PHP 버전은 8.0이라고 가정한다.) $version = '1.2.014'; $versions = [ (fn() => $version . '-master')() => 'stable', (fn()...

PHP

서버는 죽었다 살았다, 나는 현세와 지옥을 오간다.

제가 관리(? 회사가) 유지보수 중인 서버가 있습니다. 제목에서도 알 수 있듯이 이 서버의 사이트가 불안정하여 사이트가 죽었다 살았다를 반복하고, 식은땀을 흘리게 만들었습니다. 최근에는 서버가 안정되어 한숨...

웹 개발관련/서버 apache Drupal error mariaDB PHP Server 서버 장애

삽질의 연속

안녕하세요. 오늘도 유지보수관련하여 글을 남길까 합니다.몇일 전 고객사로부터 콘텐츠는 존재하는데 검색이 않된다고 확인을 요청하는 메일이 대표님을 통해 들어왔습니다. 저도 약간의 문제가 있다는 것은 알고...

프로그래밍/PHP Apache Solr index PHP 색인

삽질의 연속

안녕하세요. 오늘도 유지보수관련하여 글을 남길까 합니다.몇일 전 고객사로부터 콘텐츠는 존재하는데 검색이 않된다고 확인을 요청하는 메일이 대표님을 통해 들어왔습니다. 저도 약간의 문제가 있다는 것은 알고...

프로그래밍/PHP Apache Solr index PHP 색인

TIL PHP 4/18/2024

배열의 키에 익명함수를 사용;;; 다음 코드를 실행하면 무슨 일이 일어날까? (PHP 버전은 8.0이라고 가정한다.) $version = '1.2.014'; $versions = [ (fn() => $version . '-master')() => 'stable', (fn()...

PHP

TIL PHP 4/18/2024

배열의 키에 익명함수를 사용;;; 다음 코드를 실행하면 무슨 일이 일어날까? (PHP 버전은 8.0이라고 가정한다.) $version = '1.2.014'; $versions = [ (fn() => $version . '-master')() => 'stable', (fn()...

PHP

서버는 죽었다 살았다, 나는 현세와 지옥을 오간다.

제가 관리(? 회사가) 유지보수 중인 서버가 있습니다. 제목에서도 알 수 있듯이 이 서버의 사이트가 불안정하여 사이트가 죽었다 살았다를 반복하고, 식은땀을 흘리게 만들었습니다. 최근에는 서버가 안정되어 한숨...

웹 개발관련/서버 apache Drupal error mariaDB PHP Server 서버 장애

서버는 죽었다 살았다, 나는 현세와 지옥을 오간다.

제가 관리(? 회사가) 유지보수 중인 서버가 있습니다. 제목에서도 알 수 있듯이 이 서버의 사이트가 불안정하여 사이트가 죽었다 살았다를 반복하고, 식은땀을 흘리게 만들었습니다. 최근에는 서버가 안정되어 한숨...

웹 개발관련/서버 apache Drupal error mariaDB PHP Server 서버 장애

(라라벨+Docker) 운영 이미지 쌔우기

tl;dr 라라벨 앱의 운영용 Dockerfile 이미지는 다음과 같이 빌드하면 된다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --prefer-dist --no-dev --no-scripts && \ composer dump-autoloa...

PHP Laravel Editor

(라라벨+Docker) 운영 이미지 쌔우기

tl;dr 라라벨 앱의 운영용 Dockerfile 이미지는 다음과 같이 빌드하면 된다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --prefer-dist --no-dev --no-scripts && \ composer dump-autoloa...

PHP Laravel Editor

Docker로 라라벨 앱 운영 준비하기

tl;dr 라라벨 앱을 운영 환경에 배포하려면 어떡하면 좋을까? 나의 경우에는 다음과 같은 Dockerfile 이미지를 빌드해서 이걸 실행하고 있다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --pre...

PHP Laravel Editor

Docker로 라라벨 앱 운영 준비하기

tl;dr 라라벨 앱을 운영 환경에 배포하려면 어떡하면 좋을까? 나의 경우에는 다음과 같은 Dockerfile 이미지를 빌드해서 이걸 실행하고 있다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --pre...

PHP Laravel Editor

(라라벨+Docker) 운영 이미지 쌔우기

tl;dr 라라벨 앱의 운영용 Dockerfile 이미지는 다음과 같이 빌드하면 된다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --prefer-dist --no-dev --no-scripts && \ composer dump-autoloa...

PHP Laravel Editor

(라라벨+Docker) 운영 이미지 쌔우기

tl;dr 라라벨 앱의 운영용 Dockerfile 이미지는 다음과 같이 빌드하면 된다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --prefer-dist --no-dev --no-scripts && \ composer dump-autoloa...

PHP Laravel Editor

Docker로 라라벨 앱 운영 준비하기

tl;dr 라라벨 앱을 운영 환경에 배포하려면 어떡하면 좋을까? 나의 경우에는 다음과 같은 Dockerfile 이미지를 빌드해서 이걸 실행하고 있다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --pre...

PHP Laravel Editor

Docker로 라라벨 앱 운영 준비하기

tl;dr 라라벨 앱을 운영 환경에 배포하려면 어떡하면 좋을까? 나의 경우에는 다음과 같은 Dockerfile 이미지를 빌드해서 이걸 실행하고 있다. FROM composer AS s WORKDIR /app COPY . . RUN composer install --pre...

PHP Laravel Editor

filament-select-tree

라라벨에는 crud 리소스를 자동으로 생성해주는 여러가지 프레임워크가 있다 주로 admin 관리자 패널을 만드는데 최적화된 패키지들이다 그 중 라라벨 공식사이트에서 추천하는 nova가 있는데 이건 라이센스를 구매...

PHP FILAMENT filament-select-tree github Laravel

Windows Apache2 윈도우 아파치에서 여러 버전의 php를 같이 쓰기 위한 extension 설정

부제: 윈도우에서 라라벨을 쓰고 싶어요   윈도우에서 %PATH% 경로에 php 추가 없이 extension 사용하기아래 모듈에 추가적으로 필요한 dll 파일들을 아파치에서 직접 불러와야 한다php_openssl.dllphp_intl.dll # h...

PHP apache Laravel php_intl.dll php_openssl.dll

ChatGPT를 이용한 코딩?

오늘 매우 간만에 오프라인 교육을 들었습니다.교육 중에 "ChatGPT를 이용하여 코딩하는 사람이 있다"라는 이야기를 듣고, "그게 가능해?~"라는 의문이 들었습니다. 그래서 집에 돌아와 한번 테스트를 해봤습니다....

PHP AI chatgpt Laravel 인ㄴ공지능

WSL2를 쓰야하나!!!

지난달에 WSL2 + Docker 개발환경이 너무 느리다고 글을 적었는데, 이번에는 다시 WSL2를 이용해야 하는지 고민되는 내용을 적습니다. 다름이 아니라 최근 Laravel의 자바스크립트 스타일시트 빌드를 위해 NodeJS를...

PHP javascript Laravel vite wsl2 개발환경

Laravel Vite를 위한 환경 설정

Docker 개발환경으로 변경하면서 Vite의 HMR 기능이 오류가 발생해서 매우 불편했습다. 이 문제는 WSL2의 문제만이 아니라 Docker 개발환경에서도 문제가 되었습다. Laravel 공식 문서 Asset Bundling 문서의 Runnin...

Docker Laravel PHP vite 개발환경

Prevent Race Condition in Laravel

라라벨에서 레이스 컨디션 발생과 막는 방법과 몇가지 성능에 대한 팁을 정리합니다.

Laravel MySql Database race condition

2020년을 마무리하며 (회고)

2020년은 코로나19로 인해 많은 것들이 변했지만 나에게도 많은 변화가 있었다. 기존 것을 과감히 버리려고 했고 새로운 것을 얻으려 했지만 생각만큼 만족한 결과를 얻진 못했다. 개발자로의 삶을 영위하기 위해 꼭...

PHP CodeIgniter FrontEnd

지원하지 않는 PHP 버전에서 사용할 Microframework 구현

충분한 휴식을 가진 후 이직을 했다. 구현된 소스코드를 보고 개발을 하며 새로운 회사에 적응하고 있다. 금수강산이 2번 변할 동안 회사를 지켜온 코드는 그 시대의 모습을 거의 그대로 유지한 채 개발과 유지보수...

PHP Laravel CodeIgniter Editor

PHP Dockerfile 만들기 (with Laravel, Xdebug, vscode)

PHP docker 공식 이미지는 PHP만 제공하기 때문에 추가로 필요한 패키지들은 별도로 설치하여 사용해야 한다. 그리고 Laravel과 같이 특정 라이브러리들을 필수로 하는 프레임워크도 있기 때문에 대부분의 사용자들...

PHP Laravel CodeIgniter Editor

회사 소프트웨어 개발 문화를 만든 과정과 느낀점

과유불급(過猶不及) - 정도를 지나침은 미치지 못한 것과 같음. 개발자들이 자부심을 가지고 있는 것 중 하나는 사내의 개발 문화라고 생각한다. 이 개발 문화로 인해 개인이 성장하고 협업이 수월하게 되며 소스...

PHP Laravel CodeIgniter Editor FrontEnd

PHP Variables to Javascript Variables with Codeigniter 3 Hook

가끔 PHP 변수를 Javascript 로 넘겨주어 사용해야 할 때가 종종 있습니다. Javascript 안에 ... The post PHP Variables to Javascript Variables with Codeigniter 3 Hook appeared first on 데보나스 - DEVelopme...

CodeIgniter PHP

Codeigniter – accessing CI Library from any files

컨트롤러는 CI_Controller 를 상속받으므로 어느 library 든지 접근이 가능하다. 보통 $this->sesseion->func(), $this->input->func() 이런식으로 사용하게 된다.... The post Codeigniter – accessing CI Library...

CodeIgniter PHP

Codeigniter 3 File Download 구현하기

PHP 프레임워크인 코드이그나이터 3.x 를 이용한 파일 다운로드 기능 구현   프레임워크 내에서 제공되는 기능들을... The post Codeigniter 3 File Download 구현하기 appeared first on 데보나스 - DEVelopment ON...

CodeIgniter

Azure 웹앱 서비스에 Azure DevOps 로 CI/CD 연동 Laravel 프로젝트 올리기

Local Laravel 셋팅 $ brew install [email protected]$ curl -sS https://getcomposer.org/installer | php$ composer global require laravel/installer$ laravel new hello-laravel-project$ cd hello-laravel-project$ com...

azure app service CD CI CI/CD DevOps Git github Laravel Web App

Azure 웹앱 서비스에 Azure DevOps 로 CI/CD 연동 Laravel 프로젝트 올리기

Local Laravel 셋팅 $ brew install [email protected]$ curl -sS https://getcomposer.org/installer | php$ composer global require laravel/installer$ laravel new hello-laravel-project$ cd hello-laravel-project$ com...

azure app service CD CI CI/CD DevOps Git github Laravel Web App

사회초년생 개발자가 오픈소스 개발에 기여하기까지

안녕하세요. 해당 포스팅 제목과 같이 저는 빠르게 사회에 뛰어들은 개발자 김민근입니다. 저는 올해 특성화고 졸업을 무사히 마치고 바로 회사에 취업을 했습니다. 회사 퇴근 후 특별한 날이 아니면 자는 시간을...

PHP Laravel CodeIgniter

[ VSCode ] CSS 자동완성이 뜨지 않을 때

반응형   font-* 가 뜨지 않는다   간혹가다 별도의 익스텐션을 설치하다 보면 이미 CSS 자동완성이 적용되어 있음에...

정보공유 vscode 자동완성 CSS

VSCode Emmet Tab 키 안되는 파일 설정

본인은 JSP 확장을 설치하였는데도Emmet 이 작동하지 않아 설정하게 됨. 환경설정 ( Cmd or Ctrl + , ) 검색란에 emmet 입력하고아래와 같이"jsp": "html" 추가해줌. "emmet.triggerExpansionOnTab": true, "emmet.i...

Visual Studio Code emmet JSP vscode

VSCode 파일/폴더 아이콘 직관적으로 바꾸기

반응형   VSCode에서 제공하는 기본 폴더에는 아이콘이 없습니다. VSCode의 익스텐션 기능을 이용하여 보다 직관적인...

정보공유 vscode

VSCode 확장 SFTP Error: Handshake failed: no matching key exchange algorithm

언젠간 고쳐지긴 하겠으나 그 전까지는.vscode/sftp.json 에 algoritims: [] 추가하여 대응 { "name": "어떤 SFTP 연결", "host": "아이피.주우소.아이피.주소", "protocol": "sftp", "port": 22, "userna...

Visual Studio Code FTP SFTP vscode

맥에서 Visual Studio Code의 PATH를 설정하는 방법

먼저 PATH가 정상적으로 설정되어있지 않다면, code 실행시 다음과 같이 에러가 발생합니다. $ code . zsh: command not found: code Code를 열고 Command + Shift + P를 입력해 커맨드 팔레트를 엽니다. PATH로 검...

vscode

웹 개발을 위한 나의 VSCode 세팅(프론트+PHP)

VSCode를 많이들 사용하게 되면서 나도 VSCode로 갈아탈만 하지 않을까 생각하게 됐다. 개인적으로는 PhpStorm이 가장 좋다고 생각한다. PHP 지원 때문만이 아니다. HTML, CSS, js 지원이 강력하기 때문이다. VSCo...

vscode

vscode laravel blade 파일 코드 정렬

참고주소:https://stackoverflow.com/questions/46268211/how-to-format-laravel-blade-codes-in-visual-studio-code

vscode

vetur 설치

vetur : Vue.js 코드에 대한 문법 강조, 코드 자동완성, 디버깅, 린팅 기능들을 제공한다.

vscode

Phpstorm에서 tab을 space 4개로 설정

File -> Setting -> Code Style -> PHP 에서 Use tab character를 체크하지 말기

PhpStorm

Phpstorm에서 tab을 space 4개로 설정

File -> Setting -> Code Style -> PHP 에서 Use tab character를 체크하지 말기

PhpStorm

simple-datatables

자바스크립트에서 테이블 렌더링에 많이 쓰는 datatables하지만 태고적 라이브러리인지라 jQuery에 의존적인 문제가 있다simple-datatables 는 타입스크립트로 만들어서 바닐라js로 트랜스파일된 테이블 라이브러리...

javascript DataTables github simple-datatables typescript

WSL2를 쓰야하나!!!

지난달에 WSL2 + Docker 개발환경이 너무 느리다고 글을 적었는데, 이번에는 다시 WSL2를 이용해야 하는지 고민되는 내용을 적습니다. 다름이 아니라 최근 Laravel의 자바스크립트 스타일시트 빌드를 위해 NodeJS를...

PHP javascript Laravel vite wsl2 개발환경

CSS로 세로 사진 좌우에 블러 효과 넣기 backdrop filter

세로 이미지를 가로 썸네일로 표현해야 할 때는 이렇게 위아래를 자르면 좋지 않은 경우가 있습니다. 얼굴이 잘리는 경우는 가장 안 좋죠. 그래서 위와 같이 좌우를 블러로 채워 표현하는 게 좋을 때가 있습니다....

CSS

NodeJS를 위한 최소한의 7가지 보안 설정

반응형    NodeJS는 가장 널리 쓰이는 백엔드 환경이다. 그만큼 보안 이슈도 많고 보안 관련 프레임워크도 다양하다....

Security express NodeJS 보안 서버 보안 시큐어 코딩

WeakRef와 FinalizationRegistry 이해하기

일시적으로 데이터를 담아 둘 때, Map을 활용합니다. 데이터베이스에서 아이디를 통해 사용자 데이터를 가져오는 로직이 있다고 가정해봅시다. class UserFinder { findById(id: string) { return await thi...

weakref javascript

[ VSCode ] CSS 자동완성이 뜨지 않을 때

반응형   font-* 가 뜨지 않는다   간혹가다 별도의 익스텐션을 설치하다 보면 이미 CSS 자동완성이 적용되어 있음에...

정보공유 vscode 자동완성 CSS

Vue.js에서 체크박스 하나만으로 true, false값 잡기

HTML에서 체크박스는 선택을 하거나 하지 않는 것을 표현한다. 예/아니오를 표현하려면 라디오 버튼을 사용해야 한다. 즉, HTML 요소가 두 개여야 한다. 체크박스는 여러 개 중 여러 개를 선택하는 데 사용한다. “...

javascript Vue.js

Best CSS Frameworks 2022(바로 적용)

- 별도 수정없이 바로 적용되어 html 페이지를 예쁘게 꾸며주는 CSS 라이브러리 * Skeleton

Web CSS

d3.js 버전 업그레이드 방법 (v3->v7) (마이그레이션)

- D3.js javascript chart library version upgrade migration https://github.com/d3/d3/blob/main/CHANGES.md //------------------------------------- v7 https://github.com/d3/d3/releases/tag/v7.0.0 https:/...

javascript Chart D3

[Javascript] *.js 파일에 인자 전달하기

Passing Arguments parameter to External JavaScript Files //------------------------------------- < 방법 1 > - data 속성 이용 - html 파일 - js 파일 const name = document.getElementById('helper').getA....

javascript

서버는 죽었다 살았다, 나는 현세와 지옥을 오간다.

제가 관리(? 회사가) 유지보수 중인 서버가 있습니다. 제목에서도 알 수 있듯이 이 서버의 사이트가 불안정하여 사이트가 죽었다 살았다를 반복하고, 식은땀을 흘리게 만들었습니다. 최근에는 서버가 안정되어 한숨...

웹 개발관련/서버 apache Drupal error mariaDB PHP Server 서버 장애

서버는 죽었다 살았다, 나는 현세와 지옥을 오간다.

제가 관리(? 회사가) 유지보수 중인 서버가 있습니다. 제목에서도 알 수 있듯이 이 서버의 사이트가 불안정하여 사이트가 죽었다 살았다를 반복하고, 식은땀을 흘리게 만들었습니다. 최근에는 서버가 안정되어 한숨...

웹 개발관련/서버 apache Drupal error mariaDB PHP Server 서버 장애

macOS에서 자동으로 시간 및 날짜 설정 안되는 경우 해결 방법

어느날 갑자기 macOS 사용도중 시간과 날짜가 몇개월전으로 표시되었다. 애플 고객센터에 문의를 하였으나 이미 보고가 된 문제이고 시간이 지나면 해결될 것이라고 했다. 그렇게 믿었건만 더 찾아보니 이미 1년도...

OS/시스템 macOS NTP 날짜 시간

개발환경 보안

오늘 정말 황당한 일이 있어 글을 남김니다.최근 집에서 작업하는 경우가 많았는데, 어재까지만 하더라도 문제가 개발환경 데이터베이스 문제가 생겼습니다. 개발환경의 데이터는 대부분 더미 데이터라 데이터에 대...

개발환경 Docker MySql 바안 서버 인프라

Windows Apache2 윈도우 아파치에서 여러 버전의 php를 같이 쓰기 위한 extension 설정

부제: 윈도우에서 라라벨을 쓰고 싶어요   윈도우에서 %PATH% 경로에 php 추가 없이 extension 사용하기아래 모듈에 추가적으로 필요한 dll 파일들을 아파치에서 직접 불러와야 한다php_openssl.dllphp_intl.dll # h...

PHP apache Laravel php_intl.dll php_openssl.dll

WSL2 + Docker 무지막지하게 느림

일전에 커뮤니티에서 WSL과 Arcylic DNS Prox 충동 물제 해결 후 WSL2를 이용하여 Docker를 실행하고 있습니다. 그런데, 얼마전에도 "아! 너무 느리다."라는 생각이 들었었는데, 지금 작업에서는 느린 정도가 아니네...

Docker Drupal PHP 개발환경

Laravel Vite를 위한 환경 설정

Docker 개발환경으로 변경하면서 Vite의 HMR 기능이 오류가 발생해서 매우 불편했습다. 이 문제는 WSL2의 문제만이 아니라 Docker 개발환경에서도 문제가 되었습다. Laravel 공식 문서 Asset Bundling 문서의 Runnin...

Docker Laravel PHP vite 개발환경

나의 개발환경

웹개발을 본격적으로 시작한 것이 2000년 7월부터입니다. APM과 FTP를 이용한 원격 개발로 시작하여 특정 프레임워크 개발환경(정확히는 Drupal 개발 도구인 Acquia Dev Desktop)을 이용하다, 특정 프레임워크가 아...

개발환경 Arcylic DNS Proxy dnsmasq Docker PHP

macOS에서 단체 문자 보내는 워크플로우

macOS에서 단체 문자 보낼때 그룹 채팅 방식이 아닌 한 개씩 보내기 위한 용도로 만들었습니다. 아래 링크에서 zip 파일을 받아서 압축을 풀면 나오는 app 파일을 실행하면 됩니다. https://github.com/ani2life/mac...

개발 macOS workflow

macOS 도커 데스크탑에서 MySQL 사용 시 Different lower_case_table_names 문제 해결 방법

macOS에서 도커 데스크탑 사용 시 성능이 떨어지는 가장 큰 원인은 디스크 I/O 이다. 이에 도커 데스크탑에서 개선된 파일 공유 방식으로 VirtioFS 선택이 가능하다. 그런데 만약 리눅스에서 가져온 MySQL data 파일...

OS/시스템 개발 Docker MySql 도커