본문 바로가기

JavaScript6

[JavaScript] Input에 null 값 막기 script에 click event function으로 들어오는 값을 검수하여 null이면 알림을 띄운다 input 자체에서 null 값을 못 넣게 한다 -> required 넣기 ==> required 만 넣으면 Browser에서 알아서, text 넣으라고 알림을 띄운다! https://ninetynine-2026.tistory.com/320 2023. 2. 5.
[JavaScript] 호이스팅(Hoisting) - 변수나 함수를 scope 상단으로 끌어올리는 기술 - 함수의 호출문이 정의문 보다 먼저 나와도, 정의문을 끌어올려 함수를 호출 (1) 선언된 함수는 상단에서 참조, 호출이 가능 (2) 선언된 var는 상단에서 참조, 할당이 가능 (3) 선언된 let, const는 상단에서 참조 할당이 불가능 => const 변수는 인접 scope 상단에서 console.log 를 통해 관측되지 않으므로 Hoisting 대상이 아님 => let은 선언은 하나 초기화는 되지 않음. 그럼에도 scope 상단에서 console.log로 관측 가능하기에 Hoisting 대상 - var 변수의 변수 유연성 등을 고려하여, 변수 Hoisting은 지양한다. let cnt = 0; myFnc();// myFnc 호출 functio.. 2022. 7. 8.
[JavaScript] Callback Function (콜백 함수) 나중에 호출되는 함수. 보통의 함수인데 호출 순서만 다름. 특정 이벤트 혹은 시점에서 시스템이 콜백 함수를 호출한다. ex) 클릭하면 이벤트가 발생하는 eventlistener 1 2 3 4 5 6 7 8 9 function first(파라미터) { 파라미터() second() } function second(){ } first(second) cs first 함수가 호출 => 그 안의 파라미터인 second 함수 호출. https://www.hanumoka.net/2018/10/24/javascript-20181024-javascript-callback/ https://www.youtube.com/watch?v=-iZlNnTGotk 2022. 5. 28.
[JavaScript] Web Socket (웹소켓) web 통신의 기본은 http로, 서버와 client 가 http 라는 카톡을 서로 주고 받았다. 이 소통의 한계는 server가 절대 선톡(먼저 연락)을 안 한다는 것. server 의 상황이나 근황을 알려면 반드시 client가 먼저 선톡해야 한다. 게임이나 주식 단타를 하는 중일 때 client 가 가만히 있어도 server에서 지속적으로 연락받는 방법이 바로 Web Socket. 먼저 vscode colsole 에 다음을 install 한다. npm install express (서버 형성 라이브러리) npm install ws (웹소켓 연결 라이브러리) [server.js] 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.. 2022. 5. 23.