마론미밍의 아뜰리에

IT 검색 결과

해당 글 50건

[자바스크립트] 시계(현재시간) 만들기

requestAnimationFrame() methodrequestAnimationFrame메서드는 브라우저에게 수행하기를 원하는 애니메이션을 알리고 다음 리페인트 바로 전에 브라우저가 애니메이션을 업데이트할 지정된 함수를 호출하도록 요청합니다. 이 메서드는 리페인트 이전에 호출할 인수로 콜백을 받습니다.화면에 애니메이션을 업데이트할 준비가 될 때마다 이 메서드를 호출해야 합니다. 이는 브라우저가 다음 리페인트를 수행하기 전에 애니메이션 함수를 호출하도록 요청합니다. 콜백의 수는 보통 1초에 60회지만, 일반적으로 대부분의 웹 브라우저에서는 W3C 권장사항에 따라 디스플레이 주사율과 일치됩니다. requestAnimationFrame()은 배터리 수명과 성능 향상을 위해 대부분의 브라우저에서 백그라운드 ..

IT/자바스크립트 2024. 7. 2. 15:04

[자바스크립트] 정규 표현식 기본

정규식이란?정규 표현식(regular expression)은 문자 검색과 교체에 사용되는 패턴으로 강력한 기능을 제공하며, 자바스크립트에선 RegExp 객체와 문자열 메서드를 조합해 정규표현식을 사용할 수 있다. 정식 문법 regexp = new RegExp("pattern", "flags");약식 문법regexp = /pattern/; // 플래그가 없음regexp = /pattern/gmi; // 플래그 g, m, i가 있음슬러시"/"는 자바스크립트에게 정규표현식을 생성하고 있따는 것을 알려준다. 플래그정규 표현식의 검색에 영향을 주는 플래그를 선택적으로 붙일 수 있다.자바스크립트는 6개의 플래그를 지원i 플래그가 붙으면 대·소문자 구분 없이 검색합니다. 따라서 A와 a에 차이가 없음g 플래그가 붙으..

IT/자바스크립트 2024. 7. 2. 12:29

[node] mac brew node 버전 다운그레이드

# download and install Node.jsbrew install node@20# verifies the right Node.js version is in the environmentnode -v # should print `v20.15.0`# verifies the right NPM version is in the environmentnpm -v # should print `10.7.0`//node 16 버전 다운그레이드brew search nodebrew unlink nodebrew install node@16//overwrite, reinstallbrew link --overwrite node@16brew link node@16brew reinstall node@16 sudo sudo n..

IT/npm 2024. 7. 1. 18:49

SQL 데이터 베이스 기초 문법

SELECT문 *표를 통해 전체 데이터를 조회할 수 있으나 컬럼 명을 적는 것이 나중에 무엇을 조회하려고 한 쿼리인지 파악하기 쉽기 때문에 *쓰는 것을 지양한다. SELECT column_name FROM table_name SELECT DISTINCT 중복된 데이터를 필터링하여 보다 정확한 데이터를 조회하고 싶은 경우 , distinct 를 사용한다. SELECT DISTINCT column_name FROM table_name COUNT 컬럼의 갯수를 세고 싶을 때 사용한다. SELECT COUNT(name) FROM table_name SELECT COUNT(choice) FROM table_name SELECT COUNT(*) FROM table_name // 전체 컬럼 갯수 SELECT COUN..

IT/Etc 2023. 8. 22. 21:51

flutter mac os 설치 방법

1. flutter 사이트 접속 > 2. xcode 설치 > 3. M1 칩은 로제타를 터미널에서 설치 > sudo softwareupdate --install-rosetta --agree-to-license 4. flutter sdk zip 파일 다운로드 > 맥 finder > HOME 폴더에 압축 풀어줌 5. update your path 텍스트 링크 클릭 6. subline text 설치 > 압축풀고 > 어플리케이션 폴더로 이동 > flutter에 path 를 복사 붙여넣기 > 저장하기 >파일명 .zshrc로 하고 경로는 아까 홈폴더로 해놓음 7. 터미널에 flutter doctor 쳐서 안깐 프로그램이 있는지 체크 8. 안드로이드 스튜디오 설치 >more action > sdk tools > and..

IT/flutter 2023. 7. 18. 14:47

node.js 다운그레이드

이미 최신버전으로 node를 설치한 경우 기준으로 참고 1. 현재 노드 버전 보기 node -v 2. 사용 가능한 노드 버전 확인 $ brew search node 3. 현재 버전과의 연결 해제 $ brew unlink node 4. Node 16버전 설치 예시 $ brew install node@16 5. 설치된 버전을 연결 $ brew link node@16 필요에 따라 ~/.zshrc에 추가해주어야할 수도 있음 echo 'export PATH="/opt/homebrew/opt/node@16/bin:$PATH"'

IT/npm 2022. 9. 28. 23:51

[vscode] snippet 단축키

rccclass component skeleton rrcclass component skeleton with react-redux connect rrdcclass component skeleton with react-redux connect and dispatch rccpclass component skeleton with prop types after the class rcjcclass component skeleton without import and default export lines rcfcclass component skeleton that contains all the lifecycle methods rwwdclass component without import statements rpccl..

IT/Etc 2021. 1. 26. 13:44

[자바스크립트] 카운터 만들기

textContent란? 일반적으로 텍스트를 엘리먼트에 추가할 경우 innerText, textContent 를 쓴다. element.textContent = '내용'

IT/자바스크립트 문제 풀이 2020. 12. 28. 21:02

[자바스크립트] 삼항연산자

삼항연산자의 기본 문법 조건 ? true일때 : false일때 const array = []; let text = array.length === 0 ? '배열이 비어있습니다' : '배열이 비어있지 않습니다.'; console.log(text); array의 길이가 0 과 같다면 true일때 > "배열이 비어있습니다." 출력 false일때 > "배열이 비어있지 않습니다." 출력

IT/자바스크립트 2020. 12. 18. 21:49