JavaScript

JavaScript_코드개념, 타입 // 기초배우기,, 분명 기초인데 너무 어렵다,, 코플릿🤢🤢,,=== 과 = 을 자꾸 헷갈리고 있음(는는는!!!!! 동치연산자!!!)

논리연산자(&&, ||, !), 삼항연산자(조건 ? 'true' : 'false'), Null 병합 연산자(a ?? b)

JavaScript_02 // 변수(Variable)는 데이터보관함(메모리)에 데이터를 쉽게 다루기 위해 붙인 이름으로각 메모리의 이름 (ex.커피) 을 변수 라고 한다

조건문   반복문   함수세미콜론 ; 위치가 헷갈리고, console.log() 를 어디에 둬야하는지 잘 모르겠다,,계속 쓰다보면 익숙해지겠지?

함수입력 받아서 코드블록 내부의 코드를 실행한 후 함수의 실행 결과를 반환하는 일련의 과정

터미널로 프롬프트(Prompt) 에 원하는 명령어를 입력해 컴퓨터와 소통할 수 있다. pwd : 현재 위치 확인하기mkdir : 새로운 폴더 생성하기ls : 특정 폴더에 포함된 파일이나 폴더 확인 \- ls -l : 파일이나 폴더의 포맷을 확인 \- ls -a :

배열 세미콜론 ; 위치가 헷갈리고, console.log() 를 어디에 둬야하는지 잘 모르겠다,,계속 쓰다보면 익숙해지겠지? 하는 생각에 예시 코드도 한번씩 다시 써본다종합문제도 풀어봤는데 엉겁결에 다맞움🤭근데 왜 다 맞았는지 설명을 해보시오 하면 못 할 것 같아서

for, forEach(), for...in, for...of참고링크forEach 참고링크가장 기본적인 반복문으로 배열의 값을 출력ex. 반복문을 이용해 배열의 요소(element)를 한번씩 출력하려면?배열 arr의 n번째 인덱스를 출력하자조건숫자(n)는 0부터 시작;

객체배열은 각 index가 어떤 정보를 갖고있는지 미리 알아야하니 접근성, 가독성이 떨어져서이럴 때 쓰기 위해 객체를 씀하나의 변수 안에 여러가지 정보가 담겨있을 때 적합한 자료 구조Dot notation객체의 속성을 가져오는 것정해진 키 이름이 있을때만 쓸 수 있음B

원시 자료형과 참조 자료형

식별자(변수)의 유효범위자바스크립트 변수에 접근 권한 정의하는 것블록 {} 또는 함수에 의해 나눠지고, 변수가 접근할 수 있는 범위를 스코프바깥 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능하지만, 반대는 불가능!스코프는 중첩이 가능가장 바깥의 스코프를 전역 스코

배열을 풀어서 인자로 전달하거나, 각각의 요소로 넣을 때 사용배열에서 사용할 때 강력한 힘을 발휘한다.파라미터를 배열의 형태로 받아서 사용 ⇒ 파라미터 개수가 가변적일 때 유용.reduce 는 함수를 받는데 이전 값(previous) 과 현재 값(current)이전 값

DOM(Document Object Model)

둘 다 부모 노드에 자식 노드를 추가하는 메서드이지만 차이가 존재한다 append() > 노드 객체(Node object)나 DOMString(text)를 사용할 수 있고 한번에 여러 개 의 자식 요소 설정 가능 return 값을 반환하지 않음 Node object 사용 예시 문자열(DOMString)사용 예시 여러 개의 자식 요소 설정 예시 & 리...

JS는 발생한 이벤트에 반응해 지정한 동작을 수행할 수 있다.대표적인 이벤트 종류 : 키보드 이벤트 , 마우스 이벤트 등

버블링 : 자식 요소에서 발생한 이벤트가 부모 요소로 전파캡쳐링 : 자식 요소에서 발생한 이벤트가 부모 요소부터 시작해 이벤트를 발생시킨 자식 요소까지 도달

고차함수는 함수를 전달인자로 받는 함수, 함수를 리턴하는 함수

똑같은 객체를 여러번 다시 찍어내기 위한 틀

(Object Oriented Programming)javascript 는 객체 지향 언어가 아니지만 객체 지향 패턴으로 작성 가능프로그래밍 설계 철학 중 하나모든 것은 객체 로 그룹화 됨한 번 만들고 나면 메모리상에서 반환되기 전까지 객체 내의 모든 것이 유지객체 내

Javascript는 프로토타입 기반 언어 로 여기서 프로토타입은 원형 객체 를 의미한다.클래스 Human과 인스턴스 steve, 프로토타입의 관계우리가 흔히 쓰는 배열 역시 원리가 동일!배열(arr)은 Array 클래스의 인스턴스이며, 프로토타입에는 다양한 메서드가

new Set() 과 new Map()

웹팩으로 웹 애플리케이션 로딩 속도 빠르게 하고 DX와 UX를 좋게하자!

프로그램에서 더 이상 사용하지 않는 메모리를 자동으로 정리하는 것⇒ Javascript는 객체가 생성되었을 때 자동으로 메모리를 할당하고 필요하지 않다면 자동으로 해제하는 가비지 컬렉션이 내장되어 있다.⇒ Javascript 가 어떻게 메모리를 관리하는지 알아야 앱의