Javascript

Javascript 기본 용어 설명

Javascript 주석과 출력에 대해 설명

Javascript 문자열과 숫자

Javascript 불(Boolean), 자료형 검사

Javascript 상수와 변수, 연산자

Javascript 자료형 변환

Javascript 예제

Javascript 조건문 if, if else, switch

⭐Javascript 스택, 힙, 비/파괴적 처리 📕자료형의 종류 기본 자료형 숫자, 문자열, 불 등 복합자료형 배열, 함수, 객체 등 크기가 기본 자료형 < 복합 자료형 이기에 코드 실행기는 자료를 서로 다르게 저장 기본 자료형은 스택(Stack) 스택은 순

Javascript 반복문 (forof, forin, for)

Javascript 반복문(while)

Javascript 함수1

Javascript 함수 2

Javascript 콜백 함수

Javascript 타이머 함수

익명 함수는 변수와 같기 때문에 코드가 위에서 아래로 읽어지면서 만들어 진다선언적 함수는 그렇지 않다그렇다면 선언적 함수와 익명 함수가 함께있다면 어떻게 될까즉, 선언적 함수는 무조건 적으로 전체 코드를 실행하기 전에 만들어지고익명 함수는 코드를 하나하나 실행하면서 만

Javascript 객체

Javascript 객체 2 ( 속성 추가, 제거 )

Javascript 기본 자료형, 객체 자료형

Javascript 다양한 메소드

Javascript (외부 script, 라이브러리 사용 방법)

Javascript (객체의 기본 속성 지정)

Javascript ( 라이브 서버, DOMContentLoaded 이벤트)

Javascript ( document.querySelector/All() )

Javascript ( 문서 객체 조작하기 )

Javascript ( 문서 객체 생성, 제거, 이동 )

Javascript ( 문서 객체 이벤트 )

keydown - 키가 눌릴 때 실행된다. 키보드를 꾹 누르고 있을 때도, 입력될 때도 실행된다keypress - 키가 입력되었을 때 실행된다keyup - 키보드에서 키가 떨어질 때 실행된다keypress는 웹 브라우저에 따라 아시아권 문자를 제대로 처리하지 못하는 문

⭐Javascript 입력 양식 ( 버튼 ) 📕버튼 버튼으로 사용할 수 있는 태그 HTML 에서 일반적으로 3번은 form 태그 내부에 작성된다 1, 2번은 click 이벤트를 활용하고, 3번은 submit 이벤트를 활용한다 3번도 click 이벤트를 활용할 수

Javascript 입력 양식 ( 글자 입력 )

Javascript 입력 양식 ( 선택 상자 )

input 태그에 type을 checkbox로 지정해 주면 된다 체크박스는 하나 혹은 여러 대상의 true 또는 false를 나타낸다따라서 체크박스는 혼자서도 사용이 가능하다change 이벤트로 사용을 하고 checked 속성을 사용한다예를들어 회원가입 할 때 약관에

입력 양식에다가 할 일을 적은 후 추가하기 버튼을 클릭하면 할 일이 추가된다각 일 앞에는 체크박스가 있고 체크박스를 선택하면 글자에 취소선이 그어진다각 일 옆에는 제거하기 버튼이 있고 버튼을 누르면 일이 제거된다할 일을 적은 후 Enter를 눌렀을 때도 입력이 되게 하

로컬 스토리지 객체를 조금 더 쉽게 사용할 수 있게 load, save 함수를 만들고 key 하나에 데이터를 저장하는 방법에 대해서 살펴보자지난번에 만든 예제를 보면 color와 key 두가지 키에 값이 저장되어 있다일반적으로 key의 수가 많아지게 되면 getItem

지난 강의에서 ,로 구분했을 때 생기는 문제점이 있었다그를 해결하기 위해선 물론 사람들이 많이 사용하지 않는 ||와 같은 것으로구분 하여도 되지만, 이미 널리쓰이고 있는 데이터 형식을 사용하는 것이 편하다이후에 우리가 짠 코드를 다른사람이 볼 상황이 생겨도 훨씬 더 쉽

지금 까지는 만드는데에 집중했었다코드를 작성하면서 간단한 애플리케이션인데도 코드가 길어지는 경우가 많았다복잡한 애플리케이션은 코드가 상당히 길다그러한 코드를 조금이라도 안전하고, 유지보수가 용이하고, 다른사람들도 보기 쉽게하기위해 다양한 방법을 만들어서 활용하고있다이번

예외 처리에는 두가지 방법이 있다지금까지 배웠던 조건문 등으로 예외를 처리하는 것 - 기본 예외 처리지금부터 배울 try, catch, finally 등을 사용해서 처리하는 것 - 고급 예외 처리간단히 예외를 만들어 보고 처리하면서 알아보자body에 h1태그를 만들지

전 강의에서 말한 대로면 finally는 무조건 적으로 처리하기 때문에굳이 finally로 하지않고 그냥 구문 밖으로 꺼내면 되지 않나? 하는 의구심이 생긴다위와 같은 상황이라면 finally가 존재하지 않아도 위와 아래의 결과는 같다finally는 위 구문에서 ret

자바스크립트는 굉장히 유연한 언어이기 때문에 다른 언어에서 흔히 볼 수 있는 예외가 거의 발생하지 않는다하지만 자바스크립트는 동적언어라는 특성 때문에 생기는 문제가 있다이를 먼 과거, 가까운 과거, 현재 순으로 알아보자우선 간단한 함수를 만들어 보자실제로 메일을 보내는

지난 강의와 이어지는 부분이다 자바스크립트 개발자들은 코드를 조금더 쉽게 작성할 수 있게 만들었다일단 object.OOO 이런식으로 사용하는 것이 굉장히 귀찮았기에 이를 붙이지 않고 바로 작성할 수 있는 방법을 문법적으로 제공하였다이런식으로 작성하면 object. 을

추상화는 복잡한 자료, 모듈, 시스템 등으로부터 핵심적인 개념 또는기능을 간추려 내는 것을 말한다간단하게 예시를 들어서 설명하자면 사람으로 설명해보겠다사람이라는 객체에는 굉장히 많은 속성이 존재한다눈 크기, 코 크기, 입술 주름 개수, 머리카락 개수, 몸무게 등 많은

지난번에 만들었던 코드를 클래스로 바꾸면서 자세히 알아보자클래스 이름은 식별자 중에서 가장 앞글자를 대문자로 사용하는 식별자를 사용한다클래스를 활용해서 객체를 생성할 때는 new 클래스이름 으로 사용한다클래스 이름을 활용해서 만들어진 것을 인스턴스라고 부른다매개변수를

Javascript private속성

간단하게 예를 들기위해 지난번에 만들어진 Square 클래스를 줄이도록 하겠다기본적인 방법으로는 클래스 안에 count 변수를 만들어생성자가 호출되는 시점에 count가 증가하도록 만들면 된다그러나 클래스의 종류가 많아지게 되면 count가 어떤 클래스의횟수를 세는지

상속을 알아보기 위해선 기본적으로 클래스가 존재해야 하기 때문에Rectangle 클래스를 먼저 만들어 보겠다이렇게 넓이와 변의 합을 구해주는 클래스를 만들었다근데 직사각형 말고 정사각형의 넓이와 변의 합을 구해주는 클래스가 필요하다고 하자똑같이 새로운 클래스를 다시 만

공부에는 끝이 없다지금까지 배운 Javascript를 이용하여 노드랑 리액트 강의를 배우러 가보자!!!!