일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- vscode
- useEffect
- useState
- 비제어컴포넌트
- virtualDOM
- reactDOM
- useImperativeHandle
- SQL
- useCallback
- hoisting
- 리액트작동원리
- React
- js
- ConnectBy
- 변수타입
- 재귀함수
- CSS
- reactPortals
- realDOM
- MariaDB
- ForwardRefs
- 프로그래머스
- eventloop
- 제어컴포넌트
- mysql
- useContext
- flexbox
- BIND
- 드림코딩
- useReducer
- Today
- Total
목록TIL/js (6)
SOOM_BLOG [숨숨 블로그]
Function fundamental building block in the program subprogram can be used multiple times performs a task or calculates a value Function declation function name (param1, param1) {body ... return;} one function === one thing : 함수 하나는 한 가지 일만 해야한다. naming : doSomething, command, verb function is object in JS Parameters premitive parameters : passed by value object parametser : passed by reference ☆..
let vs var var는 선언 하기 전에 값을 쓸 수 있다. => var 호이스팅 (호이스팅 : 어디에 선언했는지 상관없이 항상 선언을 제일 위로 끌어올려주는 것.) 또한 var는 block scope가 없다. 따라서 변수를 block에 선언해도 어디에서도 호출 할 수 있다. let은 선언하기 전에 값을 넣으면 에러가 뜨고, block scope가 있다. 따라서 var 말고 let을 쓰자! 변수 선언 type - Variable types : mutable 데이터 타입 - constant type : Immutable 데이터 타입 포인터가 잠겨있어 값을 선언함과 동시에 할당한 값을 절대 바꿀 수 없다. constant 데이터 타입으로 코드를 작성하는 것이 더 바람직하고 좋은 습관이다. for sec..
자바스크립트 함수 실행 자바스크립트에서 함수를 'scheduled for execution'할 수 있는 두 가지 방법이 있다. 함수를 직접 실행시키는 방법 : someFunction() 나중에 함수 실행을 시키는 방법(비동기) : el.addEventListener('click', someFunction) 일반적인 경우의 함수/실행 function init() { // Do initialization work const myElement = document.createElement('li'); myList.append(myElement); } init(); 'init' 함수가 정의되면 해당 함수 내부에서 요소를 생성하고 이를 다른 요소(스크립트 내 다른 곳에서 선택되었을 가능성이 있는 myList)에 추..
정규표현식 사용법 정리 1. 정규표현식 매칭 패턴(문자, 숫자, 기호 등) 패턴 의미 a-zA-Z 영어알파벳(-으로 범위 지정) ㄱ-ㅎ가-힣 한글 문자(-으로 범위 지정) 0-9 숫자(-으로 범위 지정) . 모든 문자열(숫자, 한글, 영어, 특수기호, 공백 모두! 단, 줄바꿈X) \d 숫자 \D 숫자가 아닌 것 \w 영어 알파벳, 숫자, 언더스코어(_) \W /w 가 아닌 것 \s space 공백 \S space 공백이 아닌 것 \특수기호 특수기호 2. 정규표현식 검색 패턴 기호 의미 [] 괄호안의 문자들 중 하나 [^문자] 괄호안의 문자를 제외한 것 ^문자열 특정 문자열로 시작(괄호 없음 주의!) 문자열$ 특정 문자열로 끝남 () 그룹 검색 및 분류(match메서드에서 그룹별로 묶어줌) (?: 패턴) ..
Function.prototype.bind() 추후 실행을 대비하는 함수로, 함수가 실행됐을 때 받을 인자를 미리 설정하게 해준다.
EVENT LOOP란? (부제:브라우저 동작 원리) 자바스크립트를 누가 실행시켜주낭? 브라우저!(엔진) console.log(1+1) setTimeout(fumction(){console.log(2+2)}, 1000) console.log(3+3) JS에서 결과는? 2, 6, (1초 쉬고)4 !코드 위에 적든 밑에 적든 빠른거부터 실행해준다! 그렇다면 js는 병렬처리가 가능한가??? NO!!!! 그렇다면 브라우저 동작 원리를 알아보자. Heap : 참조 타입들이 할당되는 곳이다. 콜 스택과 달리, Heap의 메모리 할당은 LIFO 정책을 따르지 않고 랜덤하게 배치된다. 또한 메모리 누수를 방지하기 위해 JS 엔진의 메모리 관리자가 항상 관리한다. Stack : js코드를 진행해주는 곳. 싱글스레드이므로 ..