개발자의 하루

모든 언어가 그렇지만 개발을 하다 보면 프로젝트마다 언어, 의존성 등의 버전을 다르게 해서 개발할 때가 있습니다. PHP 버전을 손쉽게 변경하고 관리할 수 있는 프로그램들을 설치해서 사용해 보도록하겠습니다. brew-php-switcher 설치 PHP 버전 변경 방법

모든 언어가 그렇지만 개발을 하다 보면 프로젝트마다 언어, 의존성 등의 버전을 다르게 해서 개발할 때가 있습니다. 노드 버전을 손쉽게 변경하고 관리할 수 있는 프로그램들을 설치해서 사용해 보도록하겠습니다. nodebrew nvm 이 두가지를 제일 많이 사용한다. 설치는 모두 homebrew로 진행할 것이다. nodebrew 설치 개발환경에서 사용할 node 버전을 지정 error 🤔 왜 설치한 v6.5.0으로 변경되지 않은 걸까? nodebrew에서 … Continued

워드프레스 운영하면서 유지관리모드 우리가 익숙하게 알고있는 공사중 상태로 전환하거나 해야할 상황이 생깁니다. 아마도 웹사이트를 리뉴얼하거나, 테마를 변경하거나, 웹사이트의 새로운 기능이 추가될때 테스트를 할 수 있습니다. 이런 상황에는 웹사이트를 접속하는 유저들에게 유지 관리 모드로 전환하고 유저에게 웹사이트에서 무슨일이 일어나고있는지 공지하는 것이 좋습니다. 공지하지 않아도 테스트와 변경을 할 수 있다면 그것이 완벽한 정답이죠! 그래도 무중단 배포 테스트의 … Continued

구글 크롬 확장 프로그램은 구글 크롬 브라우저를 수정하는 브라우저 확장 프로그램이다. 이러한 확장은 HTML, JavaScript 및 CSS 와 같은 웹 기술을 기반으로 사용하여 작성된다. 크롬 확장 프로그램은 크롬 웹 스토어를 통해 다운로드 할 수 있다. 위키백과 내가 사용하고있는 확장 프로그램 Github File Icons for Github and GitLab Github Hovercard Github Issue Link Status Refined Github … Continued

Next.js --typescript를 세팅하고 절대경로를 적용을 하였다. Advanced Features: Absolute Imports and Module Path Aliases | Next.js 절대경로를 설정하고 src/pages/products/[slug].tsx에 getStaticProps와 getStaticPaths가 있는 파일에서 절대경로를 통해서 컴포넌트를 가져와서 사용했다. fs 등등 여러개의 모듈을 찾을 수 없다는 에러메세지가 나온다. 무엇 때문일까? Next.js의 문제가아니었다. 오류에도 나와있는데 twin.macro 라이브러리 때문에 발생하는 문제였다. https://twitter.com/HamatoYogi/status/1428225954531393537 https://github.com/ben-rogerson/twin.macro/discussions/516 현재 Next.js 12버전부터는 컴파일러를 SWC를 … Continued

Luminosity Contrast Algorithm YIQ Algorithm (덜 정확함) RGB 색상 공간은 YIQ로 변환하기 때문에 가장 간단하고 덜 정확한 방법 php – Given a background color, black or white text? – Stack Overflow

싱글턴 패턴을 따르는 클래스는, 생성자가 여러 차례 호출되더라도 실제로 생성되는 객체는 하나이고 최초 생성 이후에는 호출된 생성자는 최초의 생성자가 생성한 객체를 리턴한다. 이와 같은 디자인 유형을 싱글턴 패턴이라고 한다. 주로 공통된 객체를 여러개 생성해서 사용하는 DBCP(DataBase Connection Pool)와 같은 상황에서 많이 사용된다. 장점 단점 FrontEnd 프론트엔드에서는 한명의 유저, 한대의 머신에서 실행 되는 로직이므로 싱글톤이 얻을 … Continued

UI를 테스팅하고 관리하기 쉽게 만들기 그것이 나의 목표였다. 내가 일하는 환경은 아주 독특하다고 생각했기 때문에 어떻게 이 환경을 만들어야할지 많이 고민했다. 결국 아직도 완성하지 못했지만 계속 만들어 나가고 있다. Storybook 내가 UI를 빠르게 제작하고 보면서 확인했던 것은 Codepen, CodeSandBox 이런 서비스들을 사용하는 것이 제일 편리했다. 그 다음으로 스토리북을 선호했다. Codepen이나 CodeSandBox에서 관리하는 하다보면 나의 자산에 … Continued

VS Code를 사용해서 .js .html .css 등등 여러 파일을 작성할 때 코드의 포맷을 자동으로 맞춰주는 플러그인인 Prettier 아주 유용하다. 하지만 어느 때는 내가 설정한 코드 포맷이 맞는가? 헷갈릴 때도 있다. .prettierrc .prettierrc.json .prettierrc.js 등등 Prettier를 설정하는 파일이 있을때만 VS Code의 Prettier 플러그인이 활성화 되게 하고싶다. VS Code의 환경설정(⌘ + ,)에서 Prettier > Require Config 이 … Continued

Carbon 에서 두 날짜 사이의 현재 날짜를 확인하는 방법을 보여 드리겠습니다. 두 날짜 사이의 현재 날짜는 Carbon을 사용하여 확인합니다. 시작날짜와 종료날짜를 비교하여 현재 날짜가 두 날짜 사이라면 true를 반환하고 그렇지 않으면 false를 반환합니다.