본문 바로가기
반응형

notion31

Initiative Q 페이팔 코인 이니셔티브 코인 에어드랍(무료로 받기) 페이팔에서 코인을 만들었다. 그리고 무료로 코인을 나누어준다. Initiative Q(이니셔티브 큐)는 paypal 에서 2조 달러를 투입하여 새로운 전자 화폐를 만들고 있다. 초대를 이용해서 가입이 가능하며, 가입을 하면 Q1,183개 Initiative Q 앱을 설치하면 Q1,183개를 추가로 받알 수 있다. 즉, 최대 Q2,366개를 받을 수 있다. 무료로 Initiative Q 코인을 받기 아래의 순서대로 해보면 된다. https://initiativeq.com/invite/LORbRApAN를 크롬 주소창에 입력을 한다. 그러면 아래와 같은 화면이 나온다. 위 화면에서 하부로 스크롤을 해본다. 스크롤을 하면 회원 가입을 할 수 있는 페이지가 나오는데, 여기서 회원가입을 해준다. 회원 가입을 하면,.. 2021. 3. 31.
react-app-rewired 와 customize-cra를 사용하여 CRA eject 안하고 babel 설정하기. create-react-app 에서 eject를 사용하면? eject를 사용하는 머리 좋은 똑똑한 사람들이 있지만, 나는 돌고래 지능이라서 해놓고 감당도 안되고, 원복도 안되고, 개빡치면서 관리가 안된다. eject를 안하고 babel 과 webpack 를 설정을 하려고 여러가지를 찾아보니까 craco와 react-app-rewired, customize-cra같은 패키지가 있었다. 이름이 맘에 들어서, react-app-rewired와 customize-cra를 사용해보려고 한다. react-app-rewired 와 customize-cra 란? react-app-rewired 홈페이지 customize-cra 홈페이지 앞서 위에서 말한 그대로 eject를 안하고 babel, webpack을 설정할 수.. 2021. 3. 16.
구글 무료 폰트 사용해보기 무료폰트사용해보기. 많은 개발자, 디자이너들은 가끔 폰트, 이미지, 음원, 라이브러리 등 저작권 때문에 여간 피곤한게 아니다. 특히 폰트, 이미지, 라이브러리, 음원 등 같은 창작물 같은 경우에는 저작권으로 소송까지 이어져 꽤 책임이 무거운 편이다. 이런 문제 때문에, 네이버, 아아한 형제들, 야놀자 등 다양한 폰트를 제공해주고 있으며, 나 또한 네이버 나눔체는 자주 사용한다. 하지만 이것만으로는 너무 부족하고 불편했다. 찾아보니.. 우리 갓구글께서 Google Fonts 서비스를 하고 계셨다. 물론 개발을 할 수 있게 다운로드부터 cdn까지 지원을 해주었다. 특히 css에서 쓰기 너무 좋았다! Google Fonts의 경우에는 라이센스로부터 꽤 자유로워서 폰트로 장사만 하지 않는다면 따로 저작권라이센스.. 2021. 2. 25.
react input 특정 부분만 마스킹하기 Iuput 태그에서 일부분만 마스킹하기 화면을 개발하는 도중 유저의 첫번째 아이디만 제외하고 전부 마스킹을 해달라고 했다. 정확한 오더는 아래와 같다. 유저가 입력할 때는 입력하는 내용이 보여야한다. 유저가 다른 곳을 클릭하면 첫글자를 제외한 나머지는 마스킹을 해야된다. 유저가 아이디를 수정하면 리셋을 해야된다. 위 내용과 같이 코드를 구현하는데, 한번 해두면 두고 두고 쓸 것 같아서 메모를 해둔다. 확실히 리액트는 이것저것 코드들을 좀 정리를 해두어야하는데, 너무 귀찮다. const [userId, setUserId] = useState(''); const [maskingUserId, setMaskingUserId] = useState(''); const handleChangeUserId = (id) .. 2021. 2. 24.
javascript 문자 길이와 공백 체크하기[react][maxLength ] 리액트.js에서 개발하다보니 문자길이를 바이트로 해결해야했다. 문제 문자열를 입력받고, 공백만 입력한 경우를 체크해야한다. 화면을 구현하다보니 문자입력 제한을 해야하는 경우가 있다. maxLength를 사용하면 문자 제한을 두었다. 여기서 의도치 않는 에러가 발생하였다. //입력 데이터 가나다라마바사아자차가나다라마바사아자차가나다라마바사아자차가나다라마바사아자차가나다라마바사아자차 그냥 입력할 때는 위 처럼 50자가 잘 제한이 되었다. [에러부분] 위 이미지처럼 끝에 자음이나 모음 혹은 예상치 못한 값들을 입력하고 다른 곳을 클릭을 하면 입력이 되었다. 문자 갯수로도 해도 되지만, 이번에는 바이트로 계산을 하여 공백을 제한하고, 문자열에 제한을 두려고 한다. 쉽게, 100자를 입력한다. 공백만 입력을 했을 경.. 2021. 2. 23.
반응형