본문 바로가기
반응형

Javascript9

REPL이란? REPL REPL이란 READ-EVALUATION-PRINT-LOOP의 약자로 사용자가 특정 코드를 입력하면 그 코드를 평가하고 코드의 실행결과를 출력해주는 것입니다. REPL R : READ(읽다) E : Eval(해석하다) P : Print(반환하다) L : Loop(반복하다) => 입력한 코드를 읽고, 해석하고, 결과를 반환하고, 종료할 때까지 반복 사이트 추천 (REPLIT) 여러 언어들을 지원하며 RUN 버튼을 클릭해 실행하면 오른쪽 화면에서 바로 실행결과를 확인가능하므로 간단한 기능들을 빠르게 테스트해보고 싶을 때 유용하게 사용할 수 있습니다. Replit: The software creation platform. IDE, AI, and Deployments Run code live in yo.. 2023. 12. 11.
'addEventListener is not a function' 에러 해결 문제 원인 getElementByClassName으로 가져온 값이 배열이었는데 배열의 몇 번째 요소에 이벤트리스너를 적용할 것인지 특정하지 않아 생긴 문제였다. 해결 배열의 모든 요소에 이벤트를 걸고 싶다면 for loop 배열의 특정 요소에 이벤트를 걸고 싶다면 index를 특정해준다. 참고 블로그 https://developer0809.tistory.com/153 2023. 8. 20.
AJAX를 이용한 웹 응용 프로그램의 동작 원리 앞서 REST API와 AJAX의 개념에 대해 학습했습니다. AJAX는 어떻게 동작하는 걸까요? 이번 포스팅에서는 AJAX가 동작하는 순서에 대해 적어보려고 합니다. 이전 포스팅이 궁금하신 분들은 링크를 클릭해주세요. REST API (Representational State Transfer) 에 대하여 REST의 개념 REST는 Representational State Transfer의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미합니다. REST를 사용하는 이유 웹페이지가 로드된 후 특정 상황에서만 howtomakecode.tistory.com AJAX란? AJAX의 개념 오늘은 AJAX의 개념과 장단점에 대한 포스팅을 해보려고 합니다. AJAX란? (Asynchron.. 2023. 7. 25.
AJAX란? AJAX의 개념 오늘은 AJAX의 개념과 장단점에 대한 포스팅을 해보려고 합니다. AJAX란? (Asynchronous Javascript And XMl) AJAX란 자바스크립트를 이용해 서버,브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능입니다. AJAX 사용시 서버와 통신하기 위해서 XMLHttpRequest객체를 사용한다는 특징이 있습니다. JSON, XML, HTML, TXT형식 등 다양한 포맷을 주고 받을 수 있습니다. AJAX의 가장 큰 특징은 이름에서도 찾아볼 수 있듯이 비동기성(Asynchronous)이라고 할 수 있습니다. 동기: 한 개의 데이터 요청에 대한 서버의 응답이 이루어질 때까지 다른 요청은 대기 상태 비동기: 데이터 요청의 순서에 상관없이 여러 프로세스가 한꺼번에 처리되는 방식 A.. 2023. 7. 25.
제이쿼리 $(document).ready(function(){}); jQuery에서 함수를 사용하기 위해서 문서 준비 시 다음 함수를 실행하라는 의미의 다음 코드를 적어주어야 합니다. 이 코드를 간략하게 다음과 같이 적을 수 있습니다. 2023. 7. 24.
JS에서 null, undefined, empty 체크하는 방법 javascript에서는 null,undefined ,0 을 어떻게 처리할까요? 여러가지 상황 예시를 들어 이해해보는 시간을 갖도록 해요. 한 코드 블럭 안에 있는 코드들은 모두 같은 역할을 한답니다. 1. 값이 0과 일치하는지 확인하고 싶은 경우 if( value === 0 ) if( !value ) 2. 값이 0보다 큰지 확인하고 싶은 경우 if( value > 0 ) if ( value ) 3. undefined,null,공백문자를 판별하고 싶은 경우 obj === undefined obj === null obj === "" obj === 0 !obj 4. 문자열이 비어있지 않다는 것을 판별하고 싶은 경우 if ( string !== "" ) if ( string ) 5. 4번과 반대되는 경우 if.. 2023. 7. 19.
반응형