[JavaScript] 생활코딩 - 자바스크립트 기본

유튜브, 인프런에서 생활코딩 - 자바스크립트(JavaScript) 기본무료로 제공되고 있는 기본 강의를 들어보자!

📍자바스크립트(JavaScript)란?

자바스크립트 주석(comment) ✅ 한 줄 주석 (Single-line comment) // 뒤에 오는 내용은 해당 줄 끝까지 주석 처리됨. ✅ 여러 줄 주석 (Multi-line comment) /* */ 사이의 모든 내용이 주석 처리됨.

자바스크립트는 세미콜론(;)을 기준으로 문장이 끝남.줄바꿈은 문법상 자유로운 편.세미콜론(;)을 작성하지 않아도 작동하나 반드시 작성해주는 게 좋음.한 줄로 작성 시, 독립된 명령임을 알려주기 위해 세미콜론(;) 작성해주기.객체, 배열, 함수 등이 길어질 땐 요소마다

① 수의 표현자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식함.② 수의 연산① 문자(String)문자(String)는 "(큰 따옴표) 혹은 '(작은 따옴표) 중의 하나로 감싸야 함.큰 따옴표로 시작하면 큰 따옴표로 끝나야 함.작은 따옴표로 시작하

① 문자와 문자를 더할 때② 문자의 길이를 구할 때

✅오답 체크하기

📍변수란?자바스크립트에서 변수(Variable)는 값을 저장하거나 나중에 바꾸기 위해 사용하는 이름이 있는 저장소라고 할 수 있다.✔️ 변수 선언var let const ⭐ let은 변경 가능, const는 변경 불가능한 변수!

📍연산자(Operators)란? 자바스크립트에서 연산자(Operators)는 값(데이터)을 연산(계산/비교/조합 등)할 때 사용하는 기호 --- ✅ 1. 산술 연산자 (Arithmetic Operators) | 연산자 | 설명 | 예시 (a = 10, b

✅오답 체크하기

📍조건문이란?주어진 조건의 참(true)/거짓(false)에 따라 코드의 실행 흐름을 제어하는 문법. 👉 즉, "조건이 맞으면 이 코드를 실행하고, 아니면 저 코드를 실행해라"라는 식의 의사결정 로직을 프로그래밍에 넣는 방법✅ JavaScript 조건문 종류✅ 언제

📍논리연산자조건문을 간결하고 다양하게 구사할 수 있게 도와주는 문법✅ && (AND / 그리고)모든 조건(좌항:우항)이 참(true)이어야 전체 결과가 참✅ || (OR / 또는)하나라도 참(true)이면 전체 결과가 참. 둘 다 거짓이면 모두 거짓이 됨.✅ ! (N

✅ 0과 1관습적인 이유로 0는 false, 1은 true로 간주되나 사용하지 않는 게 좋음.✅ false로 간주되는 데이터 형if문의 조건으로 !(부정) 연산자를 사용했기 때문에 각 조건문의 첫번째 블록이 실행되는 것은 주어진 값이 false이기 때문.

✅오답 체크하기

📍반복문(loop)이란?같은 작업을 여러 번 반복하고 싶을 때 사용하는 아주 중요한 문법으로 특정 조건이 참(true)인 동안 코드를 반복 실행됨.✅ for 문기본 구조초기값: 반복을 시작할 때 변수 설정조건식: 이 조건이 참일 동안 반복증감식: 반복할 때마다 변수

✅ 무한 루프(무한 반복/loop문)다음 예제는 무한반복을 발생시킴.웹브라우저는 무한반복을 허용하지 않기 때문에 어느 정도 시간이 흐르면 스크립트를 종료할 것인지 물어볼 것임!(+) 추가 설명이번에는 true를 false로 바꾼 아래의 예제를 실행해보자!아무런 결과도

coding everybody를 10번 반복해서 출력하고 싶을 때, 일반적으로 아래와 같이 작성함.만약 큰 규모의 데이터를 다뤄야 한다면?

반복문 안에는 다시 반복문이 나타날 수 있음.단순히 글자를 반복적으로 출력하기 위해서 반복문을 사용한다고 생각 할 수도 있지만, 반복문의 진가는 배열과 결합했을 때 나타남!00, 01, 02....99 까지를 화면에 출력하는 예제

✅오답 체크하기업로드중..

📍 함수란?자바스크립트에서 함수(Function)는 반복적인 작업을 묶어놓은 코드의 집합으로, 필요할 때 호출해서 사용할 수 있는 아주 중요한 개념.즉, 함수는 어떤 작업을 수행하거나 값을 계산하는 코드 블록으로 한 번 정의해두면 필요할 때마다 재사용할 수 있음. f

📍함수의 입력(Input) : 매개변수 (Parameter)함수에 어떤 값을 전달하고 싶을 때 사용하는 것 ➡️ 매개변수(parameter) 함수를 호출할 때 전달하는 값은 인수/인자(argument)라고 함.📍인자란?인자(argument)는 함수로 유입되는 입력

📍 배열이란(array)?배열이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입으로 여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있는 방법이라고 할 수 있다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의

✅ 배열의 기본 사용✅ 배열의 길이 확인✅ 배열의 조작① 추가예제② 제거splice( )는 제거에도 해당하고, 추가에도 해당 됨! 간단 예제splice( ) 예제 👉 원하는 위치에 삽입 (원본 변경)concat() 예제 👉 배열 합치기 (원본 유지, 새 배열 반환

📍 객체(Object)란?객체는 이름(key)과 값(value)의 쌍으로 이루어진 데이터 구조. 여러 속성(정보)을 하나로 묶어서 표현할 수 있음.키는 문자열(또는 심볼), 값은 어떤 자료형이든 가능.예시name, age, isStudent ➡️ key'Alice',

📍 모듈(module)이란?코드를 여러 파일로 나누어 관리하고 재사용할 수 있게 해주는 단위 사실 순수한 자바스크립트에서는 모듈(module)이라는 개념이 분명하게 존재하지는 않음!하지만 자바스크립트가 구동되는 호스트 환경에 따라서 서로 다른 모듈화 방법이 제공되고

UI 와 API