IT 썸네일형 리스트형 워드프레스 Newspaper 테마에서 tagdiv 비디오 REST API 파싱하기 안녕하세요!! 휴!! 드디어 작업 완료! 워드프레스 테마를 사용해서 사이트를 만들었는데 tagdiv의 경우 rest api 값으로 자동으로 나오지는 않았습니다. 여러가지 검색과 chat gpt를 이용해서 코드를 작성하니까 해당 부분이 나와서 다른 플랫폼에 적용할 수 있었어요~ functions.php에 추가 function add_featured_video_to_rest() { register_rest_field('post', 'featured_video', array( 'get_callback' => 'get_featured_video', 'update_callback' => null, 'schema' => null, ) ); } add_action('rest_api_init', 'add_feature.. 더보기 Flutter : Uncategorized (Xcode): Command CodeSign failed with a nonzero exit code 안녕하세요! Flutter를 오랜만에 다시 작업을 시작하면서 업데이트가 많이 됐는데 갑자기 오류가 나서 이리저리 헤매다가 공유드립니다. user script sandboxing을 'no' 변경 더보기 [TYPESCRIPT] 타입스크립트에서 API 만들기와 기본적인 믹스인 기법 class의 extends를 사용하면 되지만 좀 더 유연성 있는 믹스인 기법을 사용해보는 것도 좋다. 타입스크립트의 class,extends 기능이 있지만 그것과 별개로 좀 더 유연한 상속을 할 수 있는 믹스인기법이다. (참고 링크는 하단을 참조!) const Feed_URL = 'url'; // API 경로 const CONTENT_URL = 'url'; // API 경로 class Api { // ajax getRequest(url: string): AjaxResponse{ const ajax = new XMLHttpRequest(); ajax.open('GET', url, false); ajax.send(); return JSON.parse(ajax.response) } } class NewsFee.. 더보기 [VS Code] 비주얼스튜디오코드에서 REST API 쉽게 확인하는 부가기능(REST Client Extension) 비주얼스튜디오코드는 퍼블리셔와 프론트엔트개발자 외에도 많은 개발자가 선호하는 툴이 되었죠! 개발의 필수요소 중 하나라고 볼 수 있는 RESTAPI의 값을 보기위해서 여러가지 REST API 관련 툴을 사용하곤 했습니다. 언제까지 다른툴(Postmap, google 개발자도구 네트워크)을 사용하실 건가요? 물론 툴마다 제공하는 기능이 다르기 때문에 지금 소개하는 부가기능이 정답이라고 말할 수는 없지만 확실히 API 정보를 보기에 부족함이 없어 보입니다. 이젠 쉽고 편하게 API정보를 확인해보세요! REST Client - Visual Studio Marketplace Extension for Visual Studio Code - REST Client for Visual Studio Code marketpl.. 더보기 [Javascript] replace와 array(배열) 활용해서 템플릿 만들기. replace를 얼마나 활용하시나요? replace 함수는 string요소의 원하는 패턴을 일부 또는 모든 부분을 교체할 수 있는 함수입니다! 그저 replace는 글자 바꾸기로만 사용했다면 오늘은 해당 함수를 이용해서 템플릿을 만들 때 활용할 수 있다는 점을 알고 가는게 어떨까요? MDN에서 설명하는 replace String.prototype.replace() - JavaScript | MDN replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식(RegExp)이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치 developer.mozilla.org 템플릿으로 활용하기 template 변수에 코드를 담아줍니다. tem.. 더보기 [JS] 대체 리펙토링이 뭔가? ajax로 리펙토링 쉽게 이해하기. 리펙토링이 뭘까요? 리팩터링(refactoring)은 소프트웨어 공학에서 '결과의 변경 없이 코드의 구조를 재조정함'을 뜻한다. 1. 주로 가독성을 높이고 유지보수를 편하게 한다. 2. 버그를 없애거나 새로운 기능을 추가하는 행위는 아니다. 3. 사용자가 보는 외부 화면은 그대로 두면서 내부 논리나 구조를 개선하는 유지보수 행위이다. 리팩터링의 잠재적인 목표는 소프트웨어의 설계, 구조 및 구현을 개선하는 동시에 소프트웨어의 기능을 보존하는 것이다. 리펙터링은 코드의 가독성을 향상시키고 복잡성을 감소시키는 효과를 가지며, 이러한 이점은 소스 코드의 유지 보수성을 개선하고 확장성을 개선하기 위해 더 단순하고, 깔끔하거나, 표현력이 뛰어난 내부 아키텍처 또는 객체 모델을 만들 수 있게 한다. 그리고 소프트웨어.. 더보기 프론트엔드 개발환경 왜 이렇게 복잡할까? javscript 환경 이해하기 최근 프론트엔드 개발 공부를 시작한 사람들이 많습니다. 구하는 곳은 많은 것에 비해 인력난이기 때문일 수도 있지만 코로나19로 인해 많은 곳이 인력난이라 변명이 되기에는 부족함이 있죠. 더울 때 시원한 곳에서 일하고, 추울 때 따뜻한 곳에서 일할 수 있는 '개발'이라는 것에 매력을 느끼는 것 같아요. 또한, 디지털노마드를 꿈꾸며 워라밸과 자신의 라이프를 유연하게 사려는 시대이기 때문이라고도 할 수 있습니다. 오늘은 프론트엔드 개발을 할 때 가장 기초가 되는 부분을 포스팅해봅니다. javascript 코드에 대한 부분은 구글링르 조금만 해도 나오는 반면 '왜' 이렇게 복잡한 세팅을 해야 하는지 모르는 사람들이 많을 거라 예상합니다. html에 간단하게 javascript 파일을 불러와서 적용하는 간단한 방.. 더보기 [VS Code] yarn 실행했더니 '보안 오류'가..?! 문제 VS Code에서 yarn serve를 실행하는데 생긴 문제 오류코드 : 보안 오류: (:) [], PSSecurityException 이유 해당 문제는 윈도우(Window) 환경에서 일어나는 문제입니다. VS코드 Termianl에서 사용하는 기본 툴은 다릅니다. 윈도우 : PowerShell 맥 : Bash 위와 같은 터미널은 사용하는데 기본적으로 PowerShell에서 실행 정책으로 막아놔서 그렇기 때문에 아래와 같이 적용해주면 문제 해결이 됩니다! Easy! 문제 해결 1. 기본정책 확인 코드 : ExecutionPolicy => 결과값 Restricted 2. Set-ExecutionPolicy Unrestricted 입력 3. 1번처럼 다시 확인 => 결과값 Unrestricted 더보기 이전 1 2 3 4 ··· 18 다음
