본문 바로가기

분류 전체보기482

리액트 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.
CSS3 text-shadow 텍스트 쉐도우 배경 BG에도 잘 보이는 글자 국어청 인사말 퍼블리싱 작업 중인데... 2016. 9. 8. 17:35 디자이너가 원색 찬연한 BG를 깔았다. PC 화면에서라면 문제가 없지만... 반응형으로 모바일 화면이 되면, 백그라운드 이미지와 텍스트가 겹치게 되는데... 글씨가 배경 때문에 잘 안보일 수가 있다. 이럴 때 선택은 3가지다. 1. 모바일 상태에서 BG를 날려버린다. (화면이 굉장히 심심해진다.) 2. 텍스트와 BG레이어를 absolute로 띄워서 모바일 미디어 쿼리일 때는 BG레이어에만 opacity를 먹인다. (배경 흐려짐 효과) 3. BG에도 잘 보이는 글자가 되게끔 텍스트에 스트로크를 씌운다. CSS에 스트로크가 없으니 text-shadow를 응용한다. 텍스트의 css속성으로 text-shadow:#fff 0 0 2px 2p.. 2021. 3. 10.
W-8BEN 양식 애드센스 미국 세금 과세 유튜브 미국내 시청자 수익 한정 30% 원천징수세율 중요: 추가 세금 정보를 제출해야 하는지 확인하세요. W-8BEN 양식 애드센스 미국 세금 과세 유튜브 미국 내 시청자 수익 한정 30% 원천징수세율 중요: 추가 세금 정보를 제출해야 하는지 확인하세요. 안녕하세요, 오랜만에 블로그에 글을 올리게 된 저입니다. 이번에는 애드센스와 관련된 중요한 내용을 소개해드리려고 합니다. 어느 날 새벽, 애드센스의 수익을 점검하던 중 뜬금없이 노란색으로 강조된 박스를 발견했습니다. 그 내용은 애드센스 수익 중 미국 내 유튜브 시청자에서 발생한 수익에 대해 세금을 원천징수한다는 내용이었습니다. 이 공지는 현재까지 유튜브 크리에이터 파트너에만 해당되며, 일반 블로그용 애드센스 계정에는 이와 관련된 문구가 없었습니다. 이런 공지가 뜬 것은 과거에 유튜브 수익 창출 채널을 운영했던 계정에서만 확인할 수 있었습니다. 현재 제 계정.. 2021. 3. 7.
jquery로 페이지 상단으로 부드럽게 이동하는 탑 스크롤 버튼 만들기 보통 탑스크롤이라고 부르는 버튼인데요. 흔한 방식이지만, 가끔 떠 오르지 않아서 검색하시는 분들을 위해 올려둡니다. 뭐~ 저도 가끔은 까먹어서 다시 생각해내는 일 없이 떠다 쓰려공.... /* top 스크롤 */ var speed = 500; $("a.top").css("cursor", "pointer").click(function(){ $('body, html').animate(, speed); }); speed 변수는 스크롤이 애니메이트 되어서 이동하는 속도를 지정해줬습니다. 귀찮으면 그냥 변수 쓰지 말고 숫자로 바로 써도 됩니다. . css("cursor, "pointer")는 생략해도 무방하며, css자체에 a.top { cursor:pointer}로 작성해두어도 무방합니다. 실질적인 핵심은 $(.. 2021. 3. 5.
WordPress 워드프레스 다운로드 받아서 설치하기. 1. 워드프레스 다운로드하기. 설치하기 반응형 웹, 개인 블로그 워드프레스는 http://wordpress.org/에서 다운 받을 수 있다. 딱히 어렵지 않으며 그냥 다운받으면 된다. Blog Tool, Publishing Platform, and CMS - WordPress Open source software which you can use to easily create a beautiful website, blog, or app. wordpress.org 압축을 푼 후, UTF-8을 지원하는 호스팅 계정이고, mySQL, PHP를 지원하는 호스팅이라면 어디든 설치가 가능하다. 필자는 http://nayana.com에서 도메인을 구입하면 무료 호스팅을 해주는 계정에 설치를 해보았다. 웹 호스팅, 도메.. 2021. 2. 23.
텍스트간격조절 & cursor:pointer; cusor:hand; <a 태그가 아니라도 클릭 아이콘 나타내기. cursor:pointer; cusor:hand; 글자 한 자 한 자... ‘영어 글자 부분만 따로’ 스타일시트 코드를 적용시키면 됩니다. size：10pt；text- indent：10px；text-align：justify；letter-spacing：－1 px； --> 글자 한 자 한 자... ‘영어 글자 부분만 따로’ 스타일시트 코드를 적용시키면 됩니다. 2021. 2. 12.
구글 검색기록 삭제 간단 방법 정리 이번 포스팅에서는 구글 검색기록 삭제 방법을 정리해 보겠습니다. 구글 검색, 유튜 검색 등 모든 기록을 한 번에 삭제할 수 있는데요. 이는 PC를 안전하고 빠르게 사용하기 위해 가끔씩 해주시는 것이 좋습니다. 오래 사용하시려면 알아두면 좋은 것이니 귀찮더라도 습관화해두시면 좋아요~^^ 나중에는 자동으로 기록 삭제하고 그렇게 됩니다. 검색기록 삭제는 로그인 후 이용했던 기록을 삭제하는 것입니다. 로그인하시고 구글 검색 첫 화면 우측 하단에 설정을 누르세요. 설정 안에서 기록으로 들어갑니다. 다음 날짜는 기준으로 활동 삭제 메뉴로 들어가 주세요~~ 날짜를 지정하고 메뉴도 설정할 수 있습니다. 저는 전체 삭제를 했습니다. 기간 전체 기간 설정하고 삭제를 누르시면 모든 기록이 삭제됩니다. 온라인 오프라인 모든 .. 2021. 1. 27.
30-10 인터넷에서 가장 인기있는 검색어는 무엇일까? 인터넷에서 가장 인기 있는 검색어는 무엇일까? 인기 검색어를 말하기 전에 실시간 인기 검색어에 대해 알아봅시다. 요즘은 포털사이트마다 실시간 인기 검색어를 서비스?로 제공하고 있습니다. 그러나 과연 이것을 얼마나 믿을 수 있을지는 의문입니다. 분명 인기 있는 검색어는 맞는 것 같습니다. 한 때 저도 아침에 인기 검색어로 오른 어떤 검색어를 사용해서 글을 써본 적이 있죠. 그랬더니 평상시에 500-700명 정도 찾아오던 바로 그날 무려 2000천 명에 가까운 사람들이 찾았습니다. 놀라운 일이죠. 이렇게 간단한 검색어를 가지고도 사람들은 쉽게 접근해 온다니요. 혹 글을 써놓고 사람들이 찾아오지 않는 분들은 한 번 시도해 볼만 합니다. 그러나 이러한 것은 휘발성이 강한 의미 없는 몸부림입니다. 정직히 말하면 .. 2021. 1. 26.

티스토리툴바