kasumil의 코딩 공작소

https://marketplace.visualstudio.com/items?itemName=jundat95.react-native-snippet React Native Snippet - Visual Studio Marketplace Extension for Visual Studio Code - React Native, Typescript React Native, StyleSheet, Redux Snippet marketplace.visualstudio.com 원래는 스니펫을 일일히 설정해줘야하는데, 귀-찮. 누가 이걸 vscode 확장 프로그램으로 만들어놨다. 이것이 누군가에게는 쓸모없을지라도여러 개의 반복되는 것을 치는 것은 매우 귀찮다. Console clg→ console.log(object) c..

1 2 3 4 5 6 7 8 9 // id 체크 정규식 : 숫자, 영문만 입력 가능 var regExpId = /^[0-9a-z]+$/; // 비밀번호 규칙 정규식 // : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력 var regExpPw = /(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$/; // 이메일주소 형식 체크 정규식 var regExpEm = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 흔하게 보는 비밀번호 정규식이다. 8글자 이상 kisa가 지키라고 권고한 8글자 이상 비밀번호 정규식이다...

function getTimeRemaining(endtime) { var t, seconds, minutes, hours, days; t = Date.parse(endtime) - Date.parse(new Date()); seconds = Math.floor((t / 1000) % 60); minutes = Math.floor((t / 1000 / 60) % 60); hours = Math.floor((t / (1000 * 60 * 60)) % 24); days = Math.floor(t / (1000 * 60 * 60 * 24)); return { 'total': t, 'days': days, 'hours': hours, 'minutes': minutes, 'seconds': seconds }; } ..

$x=array("Seb","Ginna","Shane","Guy","Jackie","Frances","John","Alec","Jon","Sam‌​","Chris","Paula"); $i=0; foreach($x as $value){ if($i

이 텍스트 값을 복사하도록 하겠습니다. 왼쪽 텍스트 복사하기 흔히 복사 기능을 넣는다면 볼수 있는 코드. 출처(m.blog.naver.com/opgj123/221511874378) 하지만 이것으로 할 경우 작동이 될때가 있고, 아닐때가 있어서 애를 먹었다. 그 이유가 보통 innerText가 있는데, value로 표기하여 못건드리게 하거나 할때가 있다. 하지만, 여기에 있다고 아무생각 없이 쓰는 사람들이 있을 수 도 있다. 그럴땐 console.log(text); 찍어보자. 속성값이 죄다 들어오니 innerText가 들어오거나 다른 속성 value로 들어온다거나 할 것이다. 그런 해당 값으로 읽을 수 있게 찍어 줘야한다. 그리고 나의 경우에는 input 창에 있는 value 값을 복사해와야 하므로 해당 ..

expressjs.com/en/starter/generator.html Express application generator Express application generator Use the application generator tool, express-generator, to quickly create an application skeleton. You can run the application generator with the npx command (available in Node.js 8.2.0). $ npx express-generator For earlier Nod expressjs.com npx express-generator npm install -g express-generator //..

- 오늘 학습한 내용. api : 브라우저 내에서 작동하는 함수 (application programing interface) use strict : 자바스크립트 내에서는 할당하지 않아도 에러를 내지 않는다. 그렇기에 선언되지 않은 변수를 사용하는 문제를 에러를 나타내어 문제를 잡아 줄 때 사용된다. 'use strict'; async : 비동기로써 해당 기능을 불러올때, 작동한다. 그러나 자기 멋대로 순서 없이 작동하므로 오류를 낼 가능성이 있다. 불러올 때 순서가 다름에 따라서 해당 기능을 구현할 때, 에러를 낼 가능성이 있다. 2번째의 b.js가 2번째로 불러왔음에도 속도가 빨라 제일 먼저 끝났다. 하지만, 3번째는 아직도 불러오고 있는 상태. 그러므로 3번째의 기능을 유저가 건드렸을때, 기능이 있..

어제부터 고민하던 내용인 className 동시 적용여부였다. html에서 class를 단순히 뛰어쓰기만 하여 두가지를 동시 적용하는 것을 사용했지만, 까먹고 있었던 것이다. 그렇기에 나는 class를 한개는 동적으로 다른 한개는 정적으로 유지해야하니 더욱 더 고민했었다. 멘토님한테도 이 문제를 3번이나 물어봤지만, 나의 사항에는 적용할 수 없었다. 이때 문제 점으로 문제는 3항 연산자에도 해당 내용이 적용되는가였다. why? 한개로 class를 통일하면 서로 적용해야할 class내용이 달라서였고, 2개로 넣자니 3항연산자가 들어가는 부분에 방해가 되는 것이다. 결국 내가 원하는 답을 알려주신 멘토님이 있었다. 단순히 뛰어쓰기해서 적용해보라고 말씀하셨다. 해당 결과물이다. 단순히 보면 간단한 내용이지만,..