코딩하는라민

렛츠기릿 자바스크립트 #5 끝말잇기 게임 만들기 책 + 저자 강의 + 추가로 모르는 내용들 필기 추가하면서 공부 책 저자 강의(제로초) 1. 순서도 그리기 §. 순서도 그리기가 왜 중요할까? - 프로그래머는 코딩을 하는 것도 중요하지만 절차를 세우고 오류를 수정하는 것. - 순서도를 통해 코드를 수정하고, 코드를 토대로 순서도를 보완해가자. §. 프로그램의 절차를 만들 때의 원칙 ① 절차의 개수는 고정 ② 절차는 항상 같은 내용 → 구체적인 내용보다는 포괄적인 내용 ex) 4명, A, B,...(x) → 다음 사람(o) ③ (최대한) 모든 가능성 고려 ④ 예시는 절차를 검증하는 데 사용 → 구체적인 예시 - 분기점 : 판단을 요구하는 절차에서 Yes/No로 화살표 순서도가 갈라지는 부분 - 거슬러 올라간..

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

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