JavaScript

vscode로 html 만들기

코어 자바스크립트는 자바스크립트의 핵심 개념을 말한다. 오늘 배운 개념들을 정리해보자면 다음과 같다 엄격모드 자바스크립트는 오랫동안 기존의 기능을 변경하지 않으면서 새로운 기능이 추가 되었지만, ES5(ECMAScript)가 등장하고부터 기존 기능 중 일부가 변경되었

메시지가 있는 작은 창은 모달 창(modal window)이라고 한다. 페이지의 나머지 부분과 상호작용이 불가능하다는 의미가 내포되어있다. 모달창의 모양은 브라우저마다 다르며 개발자는 모달 창의 모양을 수정할 수 없다.이전에 인수를 하나만 쓴 prompt예시를 올린적

형변환 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환 된다. 이러한 과정을 형 변환(type conversion)이라고 한다. alert가 전달받은 값의 자료형과 관계없이 문자열로 자동 변환하여 보여주는 것이나, 수학 관련 연산자가 전달받은 값을

이항연산자 이항 연산자 +를 사용할 때 피연산자 중 하나가 문자열이면 다른 하나도 문자열로 변환된다. alert('1'+2); //'12' alert(2+2+'1'); //'41' +가 아닌 다른 산술 연산자는 오직 숫자형의 피연산자만 다루고, 피연산자가 숫자형이 아

자주 보기 힘들고 특이한 연산자로, 코드를 짧게 쓰려는 의도로 가끔 사용된다. 여러 표현식을 한 줄에서 평가할 수 있게 해준다. 마지막 표현식의 평가 결과만 반환된다.첫 번째 표현식인 1+2는 평가(연산)되지만 그 결과는 버려지고, 3+4만 평가되어 a에 할당된다.이

비교 연산자 null vs 0 alert(null>0);//false(1) alert(null==0);//false(2) alert(null>=0);//true(3) (1),(3)의 기타 비교 연산자와 (2)의 동등 연산자는 동작 방식이 다르다. (1)에서 null>

'??'와 '||'는 상당히 유사해 보이지만 ||는 첫 번째 truthy 값을 반환하고,'??'는 첫 번째 정의된 값을 반환한다는 차이점이 있다.

복수의 if 조건문은 switch 문으로 바꿀 수 있습니다.default 문은 있어도 되고 없어도 됩니다.case문 안에 break 문이 없으면 조건에 부합하는 case부터 switch문의 끝까지 모든 case문과 default문이 실행됩니다.코드가 같은 case문은

신기술을 배우기 전에는 누가 사용하는 기술인지, 그들의 규모가 얼마나 큰지 살펴봐야 한다. ReactJS는 페이스북, 넷플릭스와 같은 회사들이 사용하는 언어이다. 거대 기업들이 투자하는 언어이므로 매우 전망있는 언이이다. 또한, ReactJS는 큰 커뮤니티를 가지고 있

이전에 JS를 사이트에서 배웠을때 정리하지 못한 부분도 있어서 강의를 들으며 정리해 보았다.변수의 변경 가능성이 다르기 때문에 변수의 형만 보고도 코드를 이해하는데 도움이 된다.한 번 설정해두면 바꿀 수 없다. 업데이트 할 일이 없는 변수의 경우 사용한다. ES6 이후

사용자에게 창을 띄울 수 있도록 해주는 함수로, 2개의 인자를 받는데, message(String)와 default이다.prompt는 사용자에게 message를 보여주고 값을 넣기를 요청한다. 값이 입력되기 전까지 JavaScript는 잠시 멈추게 된다. 사용자가 입력

input 생성사용자에게 이름을 입력하라고 요청 한다.button을 통해 입력값을 전송할 수 있게 한다.input안에 있는 속성인 value를 통해 값을 알아낸다.

Form Submission required : 태그를 필수입력 항목으로 만들어 준다. maxlength : input 자체적으로 최대 글자수를 조절해 준다. 입력 시 maxlength를 넘어가는 글자수는 입력조차 안된다. 버튼을 클릭할 때 HTML에서 확인 작업

local storage가 비어있으면 처음 설정된 대로 하면 되고, 만약 비어있지 않으면 form을 가리고 h1을 보여준다.

n초 후에 기능을 수행하는 함수이다.

글자 길이를 채우는 함수이다. padStart는 글자 앞쪽에 문자를 추가하여 문자열의 길이를 원하는대로 맞추고, padEnd는 글자 뒷쪽에 문자를 추가한다.시계를 만들 때 글자가 두개씩 출력되게 만들고 싶다면,0에서 1 사이의 랜덤한 값을 제공한다.랜덤한 정수를 얻기

이때까지 html에서 작성한 내용을 JavaScript로 다루는 방법만 사용했다.이번에는 JavaScript를 사용해서 작성한 내용을 html로 가져가는 방법을 사용해 보자.

입력받은 값을 리스트로 만들어보자

todo list를 만들고, 내용을 저장해보자배열을 만들어서 입력받은 todo 를 배열에 넣어보자local storage에 입력받은 내용을 저장해보자지금 코드는 localStorage에 있는 내용이 화면에 출력되지 않고, 새로고침 후 값을 입력하면 기존 내용을 없어지고

새로고침을 해도 이전의 toDo 들을 복원하는 기능을 추가하고 싶다.application이 시작될 때 toDos array를 빈 값으로 시작하지 않고, localStorage에 toDo들이 있으면 toDos에 parsedToDos를 넣어서 이전 값을 복원한다.이때 to