Vue.js 정리 (v-slot)

slot 양보하는 기법을 사용할때 slot 을 이용한다 동적영역을 가진 컴포넌트는 구분자인 name 을 설정하면서 slot 을 넣어둔다 slot 주입하는 컴포넌트에서 template 에서 v-slot: 으로 내용을 주입한다. // slot...

웹프로그래밍

웹마케팅 용어

CTR : click through rate = click count / show count   PPC(Pay Per Click Advertising):클릭했을때 과금되는 형태   LTV(Life Time Value): 투자한 비용에 대해서 어느 정도 기간에 회수가 가능한가. 일정기...

웹마케팅

zsh 파일 로딩 순서

아래의 순서대로 로딩된다. /etc/zshenv ~/.zshenv /etc/zprofile ~/.zprofile /etc/zshrc ~/.zshrc /etc/zlogin ~/.zlogin       zshenv zshrc zsh 시작 로딩 로딩 쉘스크립트 로딩 로딩되지 않음   환...

Linux Mac zsh

VS Code 업데이트 후 아이콘 문제 해결 방법

visual studio code(비주얼 스튜디오 코드) update 실행하여 설치후 바탕화면 과 파일 연결된 아이콘이 흰색 문서 아이콘으로 바뀌는 에러 해결법 * 레지스트리 수정 - 설치 경로가 "C:\Program Files\Microsoft VS...

Code

스프링 이벤트 기능을 사용할 때의 고려할 점

처음에는 간단하게 작성한 도메인 로직이 시간이 지나면서 여러가지 추가 로직이 늘어나 복잡해지는 경험을 해본적이 있다. 이런 코드를 리팩토링하면서 스프링의 Event 기능을 사용할 수 있는데 스프링 이벤트를 사...

spring spring event event driven

WeakRef와 FinalizationRegistry 이해하기

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

weakref javascript

Firebase Cloud Messaging API(V1) 키 만들기

원래 FCM(Firebase Cloud Messaging)은 API 키만 가지고 메시지를 보낼 수 있게 돼 있었는데, 최근에 OAuth2를 사용하는 것으로 변경이 됐다. 서버에서 푸시 메시지를 보낼 때 보안이 더 강화됐는데, 대신에 좀더 복...

fcm firebase

superserial 라이브러리 개발기

github.com/denostack/superserial 업무를 하다가 오래걸리는 로직을 별도의 프로세스에서 처리하도록 분리할 일이 생겼고, Job Queue를 활용해서 구현하였습니다. Job을 Queue로 전달 할 때, Job 데이터를 전달할...

superserial serialize typescript

self vs static

self 와 static 키워드의 차이점

PHP self static Tip

하루 10분씩 Go 빠르게 정리하기 - 1

Go 특징 UTF-8   클래스 없음 구조체 있음 상속 없음   메소드 있음 구조체 안에 메소드 정의 가능 인터페이스 있음   익명 함수 있음 함수 리터럴 가비지 컬렉터 있음   포인터 있음   제너릭...

Go lang go GoLang

self vs static

self 와 static 키워드의 차이점

PHP self static Tip

PHP Annotated – August 2022

PHP php-annotated-monthly php-annotated

PHP 8.1에서 상속된 메서드에서 정적 변수 사용 문제

PHP 8.0에서 8.1로 마이그레이션중 Usage of static Variables in Inherited Methods 변화로 오류가 발생했다. class A_Class { public static function foo() { static $num = 0; return ++$num; } } class B_Class...

개발 PHP

php 8.1 설치 (ubuntu)

php 8.1 (ubuntu) https://computingforgeeks.com/how-to-install-php-on-ubuntu-linux-system/ sudo add-apt-repository ppa:ondrej/php sudo apt update sudo apt install php8.1 - 동작 버전 변경 - php 버전을 8...

PHP

PHP Annotated – July 2022

PHP php-annotated-monthly php-annotated

PHP 열거형(enumerations) 정리

PHP 8.1에 열거형이 추가되었습니다. 그동안 클래스와 클래스 상수를 사용해서 열거형처럼 사용했었는데 용도에 맞게 사용할 수 있는 타입이 생겼습니다. Enumerations - php를 중점으로 번역했습니다. 열거형, "Enu...

PHP

포트와 어댑터 아키텍처: PHP 예제

포트와 어뎁터 아키텍처(ports and adapters architecture)는 육각형 아키텍처(hexagonal architecture)로도 불린다. (육각형 아키텍처를 통해) UI…

PHP

studio: php 패키지 로컬에서 작업하기

franzliedke/studio는 php 패키지를 개발할 때 로컬에 있는 패키지를 참조할 수 있도록 도와주는 composer 확장 도구다. 물론 composer…

PHP

PHP에서 callable로 배열 필터하기

어떤 프로그램이든 배열이나 목록과 같은 자료구조에서 조건에 맞는 요소(element)를 찾아 하위 집합을 만들어야 하는 경우가 있습니다. PHP에서는 배열(array…

PHP

PHP Annotated – June 2022

PHP php-annotated-monthly php-annotated

[Laravel] Macbook M1 Pro에서 node 14 버전 설치

반응형 valet 설치 후 기존 프로젝트를 돌리기 위해서는 node14버전이 필요 했다. 그래서 npm install을 하면 아래와...

Laravel CL

[Laravel] Valet 에서 laravel 설치

반응형 Valet 을 설치 하였으니 laravel 프로젝트를 설치 해본다.   프로젝트를 설치 하고자 하는 디렉토리로 이동하...

Laravel composer Valet

[Laravel] Mac 발렛 Valet 설치

반응형 MacOs를 위한 개발 환경. https://laravel.kr/docs/8.x/valet   라라벨 8.x - 발렛-Valet 라라벨 한글 메...

Laravel

Larave 8 - 인스톨할 만한 Package 리스트

처음 Laravel 을 인스톨하면서 같이 인스톨하는 패키지들을 모아봤습니다. 다운로드수와 개인적인 선호도등을 종합해서 리스트화해봤습니다.   Laravel Debugbar Laravel 인스톨하고 아무생각없이 그냥 깔아야할 디...

laravel8 Laravel package

Laravel 8 - 인스톨할 만한 Package 리스트

처음 Laravel 을 인스톨하면서 같이 인스톨하는 패키지들을 모아봤습니다. 다운로드수와 개인적인 선호도등을 종합해서 리스트화해봤습니다.   Laravel Debugbar Laravel 인스톨하고 아무생각없이 그냥 깔아야할 디...

laravel8 Laravel package

Laravel 8 에서 Repository 패턴 사용하기

Repositories 디렉토리 작성 app디렉토리 아래에 Repositories 디렉토리 를 작성하고 그 아래로 Eloquent디렉토리를 추가로 작성   Base 인터페이스 와 Base repository 클래스 작성 app/Repositories 아래에 Eloque...

laravel8 Laravel repository pattern

Laravel 8 관리자 화면 - 관리자 및 회원관리

이전까지의 관리화면 만드는 부분에 이어서 이번에는 관리자 / 회원 리스트 표시및 권한에 따라 화면을 표시할지 말지를 결정할 Policy 에 대해 설명합니다.. 이미 많은 role , permission 등을 다루는 패키지들이...

Laravel Gate permission Policy Role 권한 laravel8

Laravel 8 관리자화면 AdminLTE 인스톨하기

이전글에서 만든 관리자 화면은 암껏두 없는 그야말로 빈화면입니다.     Laravel 8 관리자 화면 만들기(Multiple Authentication) 준비작업 이전글에서 작업한 상태까지 설치되어있으면 됩니다. Laravel 8 로그인...

Laravel AdminLTE laravel 8 관리자화면 laravel8

Laravel 8 관리자 화면 만들기(Multiple Authentication)

준비작업 이전글에서 작업한 상태까지 설치되어있으면 됩니다.   Laravel 8 로그인/회원가입(Authentication) - Jetstream Laravel 로 웹애플리케이션을 만들때 가장 기본인 유저 로그인 / 가입 등의 기능은 이미...

Laravel middleware Route 관리자화면 laravel8

Laravel 8 로그인/회원가입(Authentication) - Jetstream

Laravel 로 웹애플리케이션을 만들때 가장 기본인 유저 로그인 / 가입 등의 기능은 이미 다 준비되어 있습니다. Laravel 7 까지는 laravel/ui 를 설치하여 이용하도록 하였고 , 8 부터는 Laravel Jetstream 을 사용...

Laravel authentication PHP 로그인 유저등록 회원가입 laravel8

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

Docker를 이용한 개발 환경 구축하기

배경 여러 버전의 OS에서 돌아가는 여러 언어로 만든 시스템을 개발하려다 보니 개발 환경을 구축하는 것도 쉬운 일이 아닙니다. Vagrant도 사용을 해봤지만, 그렇게 획기적으로 편리하다는 인상은 못 받았습니다....

비분류 Docker docker-compose vscode

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

[Javascript] D3.js 차트 라이브러리 사용법

D3.js D3(Data-Driven Documents) chart library * d3 /d3 https://github.com/d3/d3 - 102k - v7.6.1 , 22-07-04 https://d3js.org/ - API 레퍼런스 https://github.com/d3/d3/blob/main/API.md - 매뉴얼 https://w...

javascript

[ NodeJS ] Webpack + SASS 설정하기

반응형      SASS     기존 웹페이지에 스타일을 적용하기 위해서는 CSS로 하나하나 변경해주어야 하는 번거로움이...

NodeJS CSS sass webpack 웹팩

[ NodeJS ] winston 콘솔에서 색상 지정하기

반응형   winston 설치 및 설정   아래 명령어를 입력해서 설치해줍니다. npm i winston   코드 설정 import winsto...

NodeJS

[ NodeJS ] TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".json" 에러

반응형   에러화면     해결방법    해결방법은 정말 간단하다.    node --experimental-json-modules app.js   만...

에러와의 전쟁 json NodeJS 에러

zsh 파일 로딩 순서

아래의 순서대로 로딩된다. /etc/zshenv ~/.zshenv /etc/zprofile ~/.zprofile /etc/zshrc ~/.zshrc /etc/zlogin ~/.zlogin       zshenv zshrc zsh 시작 로딩 로딩 쉘스크립트 로딩 로딩되지 않음   환...

Linux Mac zsh

gossm 을 사용하여 Private RDS 인스턴스에 접근하기

Private 서브넷에 있는 RDS 인스턴스는 외부에서 직접적으로 접근이 불가능하다. 이럴 때 데이터베이스에 접근하기 위한 SSM (gossm)사용법을 알아보았다.

AWS RDS system manager

CentOS 7.x snap 으로 mosquitto 설치하기

snap install mosquitto 포트 1883을 방화벽에서 사용 가능하도록 합니다. firewall-cmd --permanent --add-service=mqtt firewall-cmd --reload firewall-cmd --list-all mosquitto 의 설정은 /var/snap/mosquitto/...

리눅스 CentOS mosquitto MOTTLens mqtt

CentOS 7.x snap 및 node-red 설치하기

snap 은 설치가 쉽고 안전하며 플랫폼 간 종속성이 없는 데스크톱, 클라우드 및 IoT용 앱 패키지입니다. Snap은 수백만 명의 사용자를 보유한 Linux용 앱 스토어인 Snap Store에서 검색하고 설치할 수 있습니다. 먼...

리눅스 CentOS Node-RED snap

EKS를 구축할 때 어떤 인스턴스 타입이 적합할까?

AWS에서 EKS 클러스터를 생성할 때 어떤 인스턴스 타입이 적당한지 고민이 되었는데, 인스턴스를 선택하는 과정을 정리해보았다.

eks instance type AWS

맥 미니로 홈서버를 구축하며 #2

반응형   이전 글    1편은 맥미니를 사게 된 결정적인 이유와, 홈서버의 목적이 기록된 글이다. 이 포스트는 지금까...

DevOps macOS NAS서버 노트북서버 홈서버

Mac mini로 홈서버를 구축해보며 #1

반응형   사건의 발단     지난 3년간 LG 14인치 그램과 HP 노트북 2대로 홈서버를 구성했었다. 그러던 중 오랜 기간...

DevOps 홈서버

Prometheus + Node Exporter 연동하기

반응형   요약    프로메테우스는 오픈소스 시스템 모니터링 툴이다. 쿠버네티스 환경을 운용하는 시스템이라면 프로...

DevOps

Gradle을 사용할 때 도커 빌드를 빠르게 하는 방법

gradle 을 사용할 때 docker 캐시 레이어를 사용해서 도커 빌드 속도를 빠르게 하는 방법을 알아보았다.

Docker build cache

WSL 활용을 위한 설명 링크 모음

WSL 설치(MS공식문서) WSL 개발환경 설정(MS공식문서) WSL 1과 WSL 2 비교(MS공식문서) WSL에서 Linux GUI 앱 실행(미리 보기)(MS공식문서) WSL과 PhpStorm 연동 - 윈도우...

Linux WSL