본문 바로가기

분류 전체보기567

php include로 파라미터 값 넘기기 (php include parameters) & php switch case 분기 처리 php include로 파라미터 값 넘기기 (php include parameters) 주소 뒤에 ?id=1과 같이 파라미터를 붙여서 include를 할 수는 없다. 대신 php의 include는 별도의 스코프(scope)를 가지지 않으므로 설정된 변수를 함께 공유한다. 따라서 와 같이 선언하고 받는 측 즉 위의 경우라면 list_contents_card_toolbar.php는 다음과 같이 파라미터를 받는다. php switch case 분기 처리는 위와 같이 한다. 2021. 7. 1.
리액트 데이트피커 포맷 api axios error문제 react datepicker date format axios not working 리액트에서는 jquery용 데이트 피커를 사용할 수 없다. 아니 사실 리액트용 데이트피커인 react datepicker가 훨씬 깔끔하게 사용되기 때문에 굳이 제이쿼리 데이트 피커를 붙여야 할 필요가 없다. 사실 아직 리액트가 초짜라 react datepicker를 온전히 다루지는 못하고 있기 때문에 정석으로 설정하는 방법은 사실 나도 잘 모르겠다. 일단, 신규 프로젝트에서 datepicker를 사용할 일이 있어서 설치했다. yarn add react-datepicker 혹은 npm i react-datepicker 로 설치 하면 되겠다. 그런데 문제는 이렇게 설치하고 import DatePicker from "react-datepicker"; 했을 경우 스타일 깨짐 문제가 발생했다. 이유는 모르겠지만 .. 2021. 5. 27.
워드프레스 사이트 이름 문자 출력 인스턴스 bloginfo( 'name' ); 워드프레스는 PHP로 만들어졌다. 하지만 워드프레스에서 쓰는 모든 함수가 PHP 네이티브 함수는 아니다. 워드프레스 사이트 이름을 문자로 출력하고자 할 때 찾는 방법은 많지만 이미 워드프레스 코어 자체가 사이트 이름을 bloginfo의 인스턴스로 가지고 있다. 이 것을 호출해서 쓰기만 하면 된다. 사용방법은 간단하다. 쓰고 싶은 위치에서 2021. 4. 23.
ReactJS input, select disabled 제어. Warning: Received the string `false` for the boolean attribute `disabled`. The browser will interpret it as a truthy value. Did you mean disabled={false}? ReactJS Warning: Received the string `false` for the boolean attribute `disabled`. The browser will interpret it as a truthy value. Did you mean disabled={false}? ReactJS input, select disabled 제어. index.js:1 Warning: Received the string `false` for the boolean attribute `disabled`. The browser will interpret it as a truthy value. Did you mean disabled={false}? at input at td at tr at tbody at t.. 2021. 4. 14.
리액트 Warning: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>. 리액트 프런트엔드 개발 중에 select를 사용할 때 jquery를 쓰던 습성대로 코딩을 하다 보면 반드시 만나게 되는 흔한 오류 중의 하나가 바로 selected를 사용하지 말라는 경고다. Warning: Use the `defaultValue` or `value` props on instead of setting `selected` on . 'selected'대신에 select에 defaultValue 또는 value props를 사용하라는 뜻이다. 잘못 쓴 리액트 셀렉트 사용법 선택안함 가맹 해지 ; 아래와 같이 쓰면 간단하다. 선택안함 가맹 해지 ref props는 필요에 따라 사용된 것이니 신경 쓰지 않아도 무방하다. 만약 select에서 멀티플 셀렉트로 선택할 경우에는 value를 배열로 주면.. 2021. 3. 26.
여러가지 리액트 멀티 레이아웃 connected-react-router multi layout 적용하기 리액트를 별로 좋아하지 않는 1인이다. 그런데 어쩔 수 없이 리액트 플젝을 해야 해서 퍼블리셔 겸 프런트 엔드로 참여 중이다. jquery라면 단박에 끝낼 문제에 고민하지 않아도 될 문제들이 리액트에는 넘쳐난다. 왜 쓰는지는 여전히 모르겠지만 까라니까 깐다. 일단 SPA 사이트에서 리액트가 편한 것은 대충 짐작은 된다. 그런데 SPA사이트라고는 해도, 한 사이트에 서로 다른 레이아웃이 여럿 사용해야 되는 경우가 많다. 단적으로 GNB, LNB가 없는 Intro페이지, Login페이지 그리고 사용자 화면과 다른 관리자 화면의 레이아웃은 서로 다를 수 있다. 아니 다를 수 있는 정도가 아니라 대체로 다르다. 그럴 때 리액트 여러 가지 레이아웃 적용하는 방법은 꽤 다양하지만 직관적이고 쉬운 리액트 멀티 레이아.. 2021. 3. 25.
BJ꽃빵 몸매 피지컬 엄청난 유부녀 유튜버 요가녀 피지컬 엄청난 유튜브 요가녀 건강해져보자~ 요가 방송하는 유튜버인데...유튜브로 송출하면서 애드센스 광고 자를텐가?? 애드센스는 건들지 마라!! 유부녀 유튜버 꽃빵 레깅스 요가 움짤 2021. 3. 24.
당근마켓 판매 태클라스트 tbook11 2in1 안드로이드 윈도우 8 태블릿pc 당근 마켓에 팔려고 올린 물건이다. 태클라스트 tbook11 2 in 1 안드로이드 윈도우 8 태블릿 pc. 구입은 2017년에 했으나 솔직히 한 손에 들기는 너무 무거워서 처박아만 두어서 거의 사용감 없이 깨끗합니다. 허나 저가 태블릿인걸 감안하면 답답하게 느리고 윈도우는 사용할 수는 있으나 의미 없을 정도입니다. 키보드 포함 케이스는 지지막대 두 개가 부러져있습니다. 원래 허약해서 구입하자마자 부러졌으나 쓸 일이 없어 그냥 방치되었으니 케이스는 고려하지 말고 구입 결정하세요. 네고 환영하지만... 상식선에서 네고 요청하세요. 팔렸음. 2021. 3. 17.
React Js - Global CSS 설정 + styled reset. classNames/bind :global local css 동시 적용 react module.css :global local css 동시 적용하는 방법. classNames/bind를 사용하고 있을 때 className={cx("label","labelTst")} .labelTst는 app.module.css에 등록. React Js - Global CSS 설정 + styled reset css 초기화를 위해 styled-reset 설치 styled-components는 local로 동작하기 때문에 global 한 css를 만들기 위해 GlobalStyles.js 생성 설치 NPM설치 : npm install styled-reset styled-components 얀 살치: yarn add styled-reset styled-components 사용 Components/G.. 2021. 3. 10.

티스토리툴바