본문 바로가기

js10

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.

npm 에러 : > 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 오류 해결 문제 상황 js template engine 인 pug를 사용하기 위해 $ npm install pug해당 명령어를 intelliJ terminal에 입력했더니 npm 에러 : > 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 이러한 오류가 발생했습니다. 다양한 이유가 있을 수 있지만 저의 경우 node.js가 아직 설치되지 않아 명령어를 인식하지 못해 발생한 오류였습니다. 문제 해결 node,js 설치 https://nodejs.org/ko/download 해당 링크에 들어가 본인의 운영체제에 맞는 msi를 설치합니다. 저는 window 64 bit 버전을 다운로드 받았습니다. 파일 경로 확인 및 환경 변수 설정 node.js 기본 설치 .. 2023. 7. 28.

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.

JAVASCRIPT에서 날짜, 시간을 얻거나 생성하는 법 안녕하세요. 오늘은 JAVASCRIPT에서 날짜, 시간을 구하는 방법에 대해 포스팅하겠습니다. JAVASCRIPT에서 날짜와 시간을 얻거나 생성할 대 Date 객체를 사용합니다. Date 객체 생성 오늘 날짜를 얻기 위해 생성자로 Date 객체를 호출합니다. var today = new Date(); 생성된 Date 객체는 현재 날짜와 시간을 담고 있으며 그리니치 표준시로 출력됩니다. 막간 TMI > GMT (Greenwich Mean Time) 더보기 런던을 기점으로 하고, 웰링턴에 종점으로 설정되는 협정 세계시의 기준 시간대를 GMT라고 합니다. 본초 자오선을 기준으로 세계 시간을 계산하게 되는데요. 지구는 360도 이고 24시간마다 1회전 하므로 360도 / 24시간 = 15 즉, 15도 마다 1시.. 2023. 7. 11.

NODE.JS 란? NODE.JS의 개념과 장단점 안녕하세요. 오늘은 Node.js에 대한 정보를 가져왔어요. 좋은 기회가 생겨 Node.js를 같이 학습할 스터디원을 구했거든요. 아직 js도 익숙하지 않은데 Node.js를 배우려니 막막하긴 하네요. 그래도 배워놓으면 좋으니 열심히 공부해봐야겠어요. 이번 포스팅에서는 Node.js의 개념과 장단점에 대해 정리해보겠습니다. Node.js의 개념 Node.js의 뜻 Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이자 서버 사이드 플랫폼입니다. 2009년에 Ryan Dahi에 의해 개발되었습니다. Node.js의 등장배경 Node.js 등장 전 Javascript는 웹에서만 동작한다는 한계가 있었습니다. Node.js는 Javascript를 웹 브라우저 뿐만 .. 2023. 7. 11.

JSTL 개념 및 사용법 자바 서버 페이지 표준 태그 라이브러리 (JSTL)이란? JSTL(Java Pages Standard Tag Library)이란 JSTL의 확장태그로, JSP안에 자바코드와 HTML 코드가 섞이면 코드를 이해하거나 수정하기 어려워지는 문제를 보완하기 위해 등장했다. JSP 페이지에서 조건문, 반복문 처리등을 HTML TAG로 처리할 수 있다. ※ EL (Expression Language) : JSP 2.0부터 추가된 개념으로 JSP 내의 자바 코드를 대체해서 사용할 수 있는 언어이다. JSTL의 장점 빠른 개발: 자바코드 대신 태그를 이용해 간단히 JSP를 구성 코드의 재사용: 여러 페이지에서 JSTL 태그 사용 가능 날짜, 시간, 숫자 FORM 설정 데이터베이스 CRUD 기능 JSTL 태그 종류 EL.. 2023. 5. 24.

[JS] JAVASCRIPT 기초 개념 모음 1. 'Hello' : 문자(String) 데이터 2. 123: 숫자(number) 데이터 3. true / false : 불린(boolean) 데이터 4. null : Null데이터 5. {} {키1: 값1, 키2 : 값2} : 객체(Object) 데이터, Key: value 형태로 데이터 저장 ex) const user = { name: 'java', age: 85 } console.log(user.name) console.log(user[name]) 점 표기법 혹은 대괄호 표기법으로 데이터를 사용 6. [] [값1, 값2, 값3] : 배열(Array) 데이터, 데이터를 나열해서 저장 ex) const fruits = ['apple', 'banana'] console.log(fruits[0]) con.. 2023. 2. 16.

이전 1 다음

티스토리툴바