코딩하는라민

렛츠기릿 자바스크립트 책 #4 함수, 객체 §. 함수 1. 함수 - 함수 : 특정한 작업을 수행하는 코드 - 선언한다 : 함수를 만드는 행위 [ 함수를 만드는 세 가지 방법 ] ① 함수 선언문 : function 키워드 뒤에 함수 이름을 넣는 방식 function a() { } ② 함수 표현식 : 상수나 변수에 대입하는 방식 const b = function() { } ; ③ 화살표 함수 : 화살표 기호를 사용해 함수를 만들 수도 있다. const c = ( ) = > { } ; - 호출한다 : 함수를 사용하는 행위. - 선언한 함수 이름 뒤에 () 를 붙이면 함수가 실행됨. > function a( ) { } → 함수 a 선언 a() ; → 함수 호출 : a 뒤에 () 를 붙임 (없음) → 함수가 정의..

렛츠기릿 자바스크립트 책 #3 객체, 배열 객체 - 자료형의 일종. 다양한 값들을 모아놓은 또다른 값. - 배열, 함수, 배열이나 함수가 아닌 객체로 구성. 배열 - 대괄호로 값들을 감싼 것. - 요소 : 배열 안의 값들. - 인덱스 : 0부터 시작하는 자릿수 - 값들의 자료형은 모두 같지 않아도 됨 - 배열 안에 다른 배열을 넣을 수 있음(이차원 배열) - 배열 안에 다른 변수를 넣을 수 있음 - 배열 내부의 값은 중복 가능하며, 빈 값도 가능. - 배열의 개수 : .length - 빈 값도 있는 개수로 친다. - 마지막 요소의 값 찾기 * 인덱스는 0부터 시작이므로 길이에서 1을 빼면 인덱스 크기가 된다. 배열에 요소 추가하기 → 대입 - 배열 앞의 괄호 숫자는 배열의 개수 - 배열의 마지막 요소 다..

렛츠기릿 자바스크립트 책 #2 변수, 조건문, 반복 변수 - 변수 : 값을 저장하고 저장한 값을 불러올 수 있음. - 선언 : 변수를 만드는 행위. - 선언문 let / const / var - 초기화 : 변수를 선언함과 동시에 값을 대입하는 행위, 결괏값은 항상 undefined로 출력 - empty : 변수 선언 시 값을 대입하지 않을 수도 있음 > let ramin < undefined - 변수명 🔵 : 한글, 한자, 유니코드, $, _ ❌ : 숫자로 시작, 예약어 - 웹 브라우저를 새로고침하면 선언한 변수가 초기화되는데, 다시 변수를 콘솔에 입력하면 정의되지 않았다고 에러 뜸 - 선언한 변수를 다시 선언하면 에러 뜸 - 선언문과 코드 식의 차이 let 으로 변수 선언 하면 결괏값이 없어 undef..

렛츠기릿 자바스크립트 책 #1 순서도, 콘솔, 자료형, 연산자 순서도 그리기 - 이중 원 : 시작, 끝 표시, 끝은 없을 수도 있다 ◎ - 타원 : 일반 절차 ○ - 마름모 : 판단(Yes or No) ◇ - 이중 사각형 : 특수 상황(대기, 이벤트) - 화살표 : 흐름 → 웹브라우저 '콘솔' - > : 프롬프트, 명령을 입력하고 Enter 를 누르면 코드 실행됨 - 인터프리터 방식 : 코드를 한 덩어리씩 실행해 결과 출력(자바스크립트) - 컴파일 방식 : 코드를 컴퓨터 언어로 변환 후 한번에 실행(C, C++, 자바 등) - REPL (Read-Eval-Print Loop) : 코드를 한 줄씩 입력받고, 받은 입력을 평가 후 결과 출력. 이 과정을 반복하는 특성. 문자열(String) - typeof ..

Javascript #2 경고창 띄우기 4. 이벤트 event 란? 웹브라우저에서 일어나는 일 1) 버튼 누르면 경고창 띄우기 2) 텍스트 입력 창 만들기 3) 텍스트창에 입력 텍스트가 변경되면 경고창 띄우기 4) 텍스트창에 텍스트 입력시 경고창 띄우기 텍스트창에 아무 키나 눌렀을 경우 경고창이 뜬다.

Javascript #1 자바스크립트란? 1. 수업소개 자바스크립트(javascript)란? 사용자와 상호작용하는 웹페이지를 만들기 위한 언어. html 은 정적이다. 데스크탑, 모바일 등의 프로그램에서는 사용자의 조작에 반응해서 프로그램이 움직인다. 웹페이지에서도 마치 게임처럼 동적으로 사용자와 상호작용할 수 있게 하기 위해서 자바스크립트가 등장한 것이다. 2. 수업목적 1) 웹페이지에서 검사하기 사용 [F12] 검사하기 - [Elements] 웹 페이지를 구성하는 html 태그들로 구성되어 있다. 2) 다크모드 버튼을 누르면 다크모드로 전환되는 코드 - type input 이라는 태그를 'button' 으로 만들어주는 버튼 속성. - value 버튼의 이름 - onclik onclick 의 속성 값으..