VS Code를 사용하여 프로젝트를 진행하다 보면 대부분의 파일은 정상적으로 인식되지만, 일부 파일 형식(JPG, PNG 등)은 인식되지 않는 경우가 있다. 특히 TypeScript를 사용할 때 이미지 파일을 직접 import하면 오류가 발생할 수 있다. 이러한 문제를 해결하기 위해 TypeScript 타입 정의 파일(.d.ts)을 프로젝트 내에 생성하여 파일을 명시적으로 인식하도록 설정할 수 있다. 아래 코드를 추가해주면 잘 인식되어 자동완성이 잘 […]
워드프레스 블로그를 운영하는 사람으로서 유용한 사이트를 정리해보려고 글을 작성했습니다. 계속 추가할 예정입니다. 1) 공식 문서 및 개발자 자료 2) 뉴스 및 최신 정보 사이트 3) 테마 및 플러그인 마켓 4) 성능 최적화 및 SEO 관련 자료 다른 사람이 정리한 링크
최근 회사에서 React를 플러터 WebView에 이식한 앱을 개발할 일이 있었습니다. 처음에는 모달을 쿼리 스트링(Query String)을 활용해 관리했는데, 특정 모달을 열면 URL에 ?modal=open 같은 형식으로 쿼리스트링을 추가하고, 뒤로가기를 하면 해당 모달을 닫는 방식이었습니다. 그런데 iOS 사파리에서 문제가 발생했는데, 사파리에서는 페이지 이동 시 기본적으로 뒤로가기 애니메이션이 존재하기 때문에, 모달을 종료하기 위해서 뒤로가기를 사용하면 페이지가 변하는 애니메이션이 동작하지만, […]
내가 작성한 React UI 관련 글에는 구현된 리액트 코드가 있는데, 워드프레스 포스팅에서도 JSX를 추가할 수 있다. 바벨을 사용하면 가능하다. 앞으로도 많이 사용할 거 같아서 글로 정리를 한다. 위 코드를 사용자 정의 HTML에 추가해 보겠다.
웹 애플리케이션에서 탭(Tab) UI는 다양한 콘텐츠를 한 페이지에서 쉽게 전환할 수 있도록 도와주는 중요한 UI 요소이고 자주 사용하는 만큼, 정리를 해두면 좋을 거 같다는 생각을 했습니다. Tab UI의 구조 탭 UI는 보통 다음과 같은 구조를 가집니다. 이 구조를 구현하기 위해 상태 관리가 필요합니다. 선택된 탭을 State로 관리하고, 해당 값에 따라 콘텐츠를 동적으로 변경하면 됩니다. 기본적인 […]
워드프레스는 PHP를 사용하기 때문에 기초 정도는 정리해서 볼 필요가 있다고 생각했습니다. PHP 연습 사이트 연습사이트: https://www.mycompiler.io/ko/new/php 공부사이트: https://codingeverybody.kr/category/php 공부사이트: https://www.tcpschool.com/php/intro PHP(Hypertext Preprocessor)란 PHP는 대표적인 서버사이드 언어이며 현재는 범용 프로그래밍 언어이다. PHP 기본 문법 코드 작성 방법 PHP 코드는 <?php … ?>태그 안에 작성 주석 echo와 print (출력하기) echo는 PHP에서 텍스트, 변수, HTML 태그 등을 출력하는 가장 […]
여러 사람들과 작업을 하다보면, 병합을 해야하는 상황이 많이 발생한다. 그때마다 해당 글을 보려고 정리 충돌하는 이유 간단하게 생각해서 여러 사람이 같은 파일을 수정한다고 치자, 병합을 해야 할 것이다. 그런데 깃은 어떤 파일을 유지해야 하는지 결정할 수 없다. 예시 해당 오류는 하나의 브랜치를 여러 사람들이 작업하는 경우 자주 볼 수 있는 오류이다. 원격 저장소(git)의 히스토리와 로컬 […]
해당 메시지가 뜨면서 컴파일이 안되는 경우가 있음. 아래와 같은 코드가 있다. 아래 코드는 현재 build를 하면 mode 변수를 사용하지 않아서 컴파일 오류가 발생함 tsconfig.json > noUnusedParameters값 false 설정 // @ts-nocheck 사용하기 사용하지 않는 변수에 _붙이기 void 연산자 사용하기 // @ts-ignore 사용하기 ts-ignore의 경우 사용하지 않는 변수 윗 줄에 사용하면 적용됨
블록 에디터를 사용해서 HTML에 &&입력을 했는데 이스케이프되어 동작하지 않는 오류가 있었다. 예를 들어서, 사용자 정의 HTML 기능에 이런 코드가 있었는데, && 부분이 && 이렇게 HTML 엔티티 코드로 파싱되어 입력되는 문제가 있었다. 따라서 자바스크립트가 동작하지 않는 오류가 있었다. 해결 방법은 아래처럼 입력을 하면 파싱되지 않는건지, 올바르게 동작을 함 참조 https://wordpress.org/support/topic/ampersands-being-escaped-in-html-block
한국식 나이는 태어나자마자 1살로 간주하고 매년 1월 1일 한 살씩 나이를 더하는 방식이다. 만 나이는 생일을 기준으로 계산한 나이로서 출생한 순간 0세부터 시작하며, 생일이지나면 1세가 증가하는 방식이다. 예를 들어(25년 2월 12일 기준): 만 나이 계산기 생년월일 입력: 만 나이: –세