Travel to Frontend (372) 썸네일형 리스트형 While문 api 호출 리펙토링(setTimeout, setInterval) while문으로 api를 호출하는 코드로 짰더니 맙소사, 리턴값이 적절할때까지 호출해야하는데 카운트를 세보니 최소 수백개의 API를 호출하였다. 리펙토링이 시급하다. class Test{ //원하는것 a, 1~5, b, c async funcA(){console.log('a')} async funcB(){ while(1){ const test = await fetch(`...`).then(data => data.json()) console.log(test.result) if(test.result){ break; } } console.log('b') } async funcC(){console.log('c')} } const test = new Test() const use = async() => { awa.. aws s3 403 forbidden에러 버켓에 이미지파일들을 올린후 403 forbidden에러가 떳는데 알고보니 외부에 공개하는 과정을 깜박했음 Actions에 Make public using ACL을 선택하니 이미지가 잘나옴 외부링크를 웹브라우저에서 확인해보려면 S3 URL을 보면 대충 아래와같은 경로로 되어있는데 여기서 s3://대신 HTTP를 붙이거나 붙이지 않으면 됨 #s3 URL s3://www.blabla.com/images/logo.png #웹브라우저가 인식하는 URL www.blabla.com/images/logo.png aws cli로 configure 설정과 리셋 cli는 윈도우 버전을 설치한다. cli는 AWS Command Line Interface (AWS CLI)이다. configure설정 aws --version aws configure Configure 리셋 git bash로하면 경로 잘보임 루트에 aws폴더가 보이는데 그안에 config, credentials파일을 없애면 리셋됨 삭제시 중요한거는 없는지 주의 [AWS cli] s3 파일/디렉터리 다운로드 (tistory.com) [AWS cli] s3 파일/디렉터리 다운로드 S3의 특정 경로의 디렉터리를 서버로 다운로드할 필요가 생겼다. 이 글에서는 AWS cli를 이용한다. 따라서 당연히 AWS cli가 설치되어 있어야 한다. AWS cli 설치 확인 aws --version 이 서버는 aws ec.. parseInt()와 Number()의 차이 그리고.. 문자열로 넘어온 숫자를 바꿔줘야할때가 있다. 그때 parseInt혹은 Number혹은 ParseFloat등으로 감싸야한다. 1. parseInt() vs Number() parseInt()는 정수만 인식하고 Number()는 전체를 인식한다. 단, Number()는 정수가 아닌 문자가 들어갔을경우 NaN에러를 뜬다. 2. Number() vs parseFloat() 소숫점 뒷자리도 표현하면서 알아서 문자열을 걸러주기를 원한다면 parseFloat()도 참고하면 좋을것같다. return false 활용 스페이스바를 입력하지않게하거나 특정 기호를 막고싶을때가 있다. 이때 keycode를 활용하면 좋은데 아래와같은 예시를 참고하면 좋다. 이벤트리스너를 사용할경우 입력이 되고나서 return false처리되는바람에 애먹었는데 onKeydown으로 변경하니 잘 작동하였다. function detectMinus(){ const ninusDetect = document.querySelectorAll('#voteInput') ninusDetect.forEach(each => { each.onkeydown = function(e) { if(!((e.keyCode > 95 && e.keyCode 47 && e.keyCode < 58) || e.keyCode == 8)) { re.. 10진수, 16진수, 2진수 10진수 : 숫자 2진수: 1과 0으로만 이루어져있음 1씩 증가됨 16진수: 1~9A~F로 표현 hex라고도 함. 제일길이가 짧아서 다용도로 많이쓰임. 해시함수. 0x~라고 함 예:) Hex #FFFFF(16진수) => 1111 1111 1111 1111(2진수) 10진수에서 2진수로 변환 꿀팁 10진수 8+4+2+1 => 2진수 1111임을 기억하자 만약에 10진수 1을 표현해야하면 8+4+2+1중에 8,4,2는 필요없고 1만 필요하므로 0+0+0+1이라고 할 수 있음 이는 전구가 off off off on인 상태이므로 이진수와 같은 모양 0001 만약에 10진수 3을 표현해야하면 8+4+2+1중에 8,4는 필요없고 1,2만 필요하므로 0+0+2+1이라고 할 수 있음 이는 전구가 off off on o.. SCSS mixin, function example @mixin fontStyle($size:16) { color: $brown; font-weight: 600; font-size: fontSize($size) } @function fontSize($size){ @return #{$size}px } 파라미터에 아무것도 넣지않을경우 기본값 16px이 적용되고 파라미터에 숫자를 넣은경우 숫자만큼 글자크기가 적용됨. 공유하기, 클립보드 저장 mdn에 따르면 더이상 execCommand('copy')를 사용하지않는다고 하여 코드를 리펙토링 하였다. function copyToClipboard(val) { if(navigator.share) { return navigator.share({ title: 'myblog', text: 'shared url', url: window.location.href || val }).catch(console.debug); } const t = document.createElement("textarea"); t.setAttribute('readonly', true); // for mobile copy document.body.appendChild(t); t.value = window.location.href ||.. 이전 1 ··· 5 6 7 8 9 10 11 ··· 47 다음
