개발 공부 기록

Class - 클래스 생성자에 add_action, add_filter를 넣음 - new 키워드로 클래스를 생성함 - action, filter는 내부적으로 call_user_func 함수를 사용함 call_user_func([$object, 'function_name']); Ajax - 관리자단에서 사용할 경우 add_action( 'wp_ajax_{my_action}', function () { // ... die(); } ); - 비관리자(클라이언트)단에서 사용할 경우 (php) add_action('wp_ajax_nopriv_{my_action}', 'my_action_callback'); (js) $.get(ajaxurl, { action: 'my_action', key: value });

기초 개념 - funtions.php : 워드프레스가 기본으로 include 하는 php 파일 - register_post_type : 새 포스트 타입을 등록하는 함수 - add_action : 특정 순간에 함수를 실행할 수 있도록 시점과 함수를 주입하는 함수 https://developer.wordpress.org/reference/functions/register_post_type/ WordPress Developer Resources | Official WordPress Developer Resources Official WordPress developer resources including a code reference, handbooks (for APIs, plugin and theme deve..

Run Cat은 AppStore에서 설치 가능하다. Cat은 Mac의 CPU 사용량에 따라 다른 속도로 실행되며, 현재 CPU 사용량이 얼마나 되는지 Cat을 보면 알 수 있다. 고양이도 원하는 타입으로 변경 가능하다.

https://storybook.js.org/tutorials/design-systems-for-developers/react/ko/introduction/ 디자인 시스템 소개 A guide to the latest production-ready tools for design systems storybook.js.org https://story.pxd.co.kr/1434 디자인 시스템 1편 - 디자인 가이드/디자인 시스템은 왜 필요한가 디자인 시스템은 총 8편의 시리즈로 구성되어 있습니다. 1편 - 디자인 가이드라인/디자인 시스템은 왜 필요한가(현재글) 2편 - 디자인 가이드라인/디자인 시스템의 종류 3편 - 디자인 가이드라인/ story.pxd.co.kr

모노레포(mono-repo)란? - 모노(mono)는 단일을 의미한다. 멀티레포(multi-repo)에 반대되는 개념으로 하나의 저장소에 두 개 이상의 프로젝트를 가진 레포를 의미한다. 장점 - 여러 패키지에서 하나의 설정을 공유 가능(ESLint, Prettier 등) - 여러 패키지의 변경사항을 하나의 commit 과 PR로 업로드 가능 - 모든 구성원이 모든 코드에 접근할 수 있기 때문에 협업이 용이하다. 단점 - Repository의 규모가 커진다. 문제 발생 시 여러 나비효과가 발생할 수도 있다. - 패키지의 규모가 커짐에 따라 CI Bulid가 느려진다. - 패키지간 의존성 관리가 쉽다는 장점이 있지만, 이로 인해 과도한 의존 관계가 발생할 수도 있다. 러나(lerna)란? - 모노레포의 패키..

개발을 할 때는 브라우저 하위 호환성을 고려하면서 개발을 진행해야 한다. caniuse.com/를 통해 브라우저에서 내가 원하는 기능이 얼만큼 지원되는지 확인할 수 있다. 예로 array.prototype.includes는 94.85%의 브라우저에서 지원이 됨을 확인할 수 있다. kangax.github.io/compat-table/es6/를 통해 각 브라우저에서 지원하는 기능을 한 눈에 확인 할 수 있다. 우리는 transpiling을 통해 하위 브라우저에서도 동작하게 문법을 바꾸고, polyfill을 통해서 지원하지 않는 native API를 다른 코드로 동작하게 할 수 있다. Transpiling 트랜스파일링(transpiling)이란 무엇일까? 한 언어로 작성된 소스코드를 비슷한 수준의 추상화를 ..

pattern pattern 속성은 요소의 값을 확인 해야할 정규표현식(regular expression)을 지정 required required 속성은 부울(boolean) 속성. 존재하는 경우, 폼을 제출 하기 전에 입력필드가 작성되어야만 함을 지정. required 속성은 다음의 입력 필드 타입에서 작동: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file. autofocus 페이지가 로드 될 때 자동적으로 해당 요소가 초점(get focus)을 받도록 함 placeholder 입력필드에 기대되는 값을 설명해주는 힌트(샘플 값이나, 포맷에 대한 간단한 설명) 를 지정 value 입력 필드에 대..

VSCode의 익스텐션 중 하나인 Prettier는 코드를 정렬해주는 Formatter입니다. 설치 1. 익스텐션 아이콘을 선택합니다. 2. prettier를 검색합니다. 3. prettier code formatter를 선택 후 설치합니다. 설정 1. 설정화면을 킵니다. 2. 설정 > 확장 > Prettier를 설택합니다. 3. 우측 상단의 버튼을 눌러 settings.json 파일에 설정하고 싶은 내용을 입력합니다.