JavaScript

html, css는 화면에 어떻게 출력될 것인가? 에대해서 고민을 많이 함.자바스크립트는 데이터에 대해서 고민을 많이 하게 될 것이다. JavaScriptECMA스크립트 (ES = JS)원시형 String, Number큰따옴표와 작은 따옴표는 선택적으로 원하는 기호를

산술, 할당, 증감 연산자 부정, 비교 연산자

선언과 표현, 호이스팅

01. 문자 .length .includes .indexof() .padEnd() .padStart() 02.문자 .replace() .slice() .split() .toLowerCase .toUpperCase() .trim()

forEach는 중간에 반복을 종료하고 싶더라도 종료할 수 없으며, 꼭 콜백을 아이템의 개수만큼 실행해야 한다. for 반복문은 중간에 종료할 수 있다.\--> 반복문 내부에서 조건문을 추가하여 break\--> 참조형 데이터는 생긴 모양이 같더라도 서로 다른 데이터일

object.assign()Object.entries()Object.values()Json(JavaScript Object Notation)데이터 전달을 위한 표준 포맷!문자, 숫자, 불린, Null, 객체, 배열 데이터만 사용문자는 큰 따옴표만 사용후행 쉼표 사용불가

모듈이라는 단어는 우리가 이해할 수 있는 작은 단위로 나뉘어진 무언가.특히나 js에서는 우리가 사용할 수 있는 문자, 숫자, 객체, 배열 데이터같은 어떤 데이터들의 집합이러한 데이터들의 집합을 js라는 확장자를 가지고 있는 파일로 만들 수 있고 그 파일에서 js의 가져

index.htmlindex.js

순차적으로 코드 실행순차적으로 코드 실행 X\-> 위에서 addEventListner 콜백함수 부분은 비동기 방식으로, 순차적이 아닌 시간이 지연되어 정확하게 언제 실행될 지 모르는 코드이다. 만약 fetch 함수를 통해서 요청이 들어가고 응답을 받은 데이터가 출력이

promise 생성자 함수를 호출할 때 넣는 콜백에서는, resolve, reject라는 이름의 매개변수를 사용할 수 있는데 이 두가지는 상충되는 개념이다. resolve라는 매개변수가 호출이 되면 reject 매개변수가 실행되지 않으며, reject가 실행이되면 re

DOM이란, HTML 문서를 객체로 표현한 것으로, JS에서 HTML을 제어할 수 있게 해준다.api는 단순하게, 사용할 수 있는 명령들.노드(Node) : HTMl 요소, 텍스트, 주석 등 모든 것을 의미요소(Element) : HTML 요소를 의미노드라는 것은 ht

대상에 이벤트 청취(Listen)를 등록한다대상에 지정한 이벤트가 발생했을 때 지정한 함수(Handler)가 호출된다.\-> 실제 parent 요소를 클릭했을 때 두 번째 인수의 콜백 함수가 호출되면서 console.log가 실행이 된다. \-> EventListner

콘솔에 메시지나 객체를 출력한다. .log() : 일반 메시지.warn() : 경고 메시지.error() : 에러 메시지.dir() : 속성을 볼 수 있는 객체를 출력=> 개발자 도구의 모든 수준 버튼을 클릭해서 확인하지 않을 내용의 표시를 해지할 수 있다. / 맞춤수

헷갈리는 js 개념이나 문법 정리 반복문 > break와 continue 반복문(while, for문 모두)은 break와 continue를 통해서 강제로 반복을 중단하거나, 다음 반복으로 넘어가게 할 수 있다. break(반복문 중단하기) for문 while문

프론트엔드에서 JavaScript를 사용하여 AWS S3와 연결하여 이미지 업로드, 수정, 삭제 및 관리를 할 수 있다. AWS S3는 웹 애플리케이션에서 정적 파일(이미지, 동영상, 문서 등)을 저장하고 관리하는데 매우 유용한 클라우드 스토리지 서비스이다.업로드 :

심볼(Symbol) 변경이 불가한 데이터로, 유일한 식별자를 만들어 데이터를 보호하는 용도로 사용할 수 있다. Symbol('설명') : '설명'은 단순 디버깅을 위한 용도일 뿐, 심볼 값과는 관계가 없다 불변성 & 가변성 불변성(Immutability)은 생성된 데

정규표현식 (RegExp, Regular Expression) 문자 검색(Search) 문자 대체(Replace) 문자 추출(Extract) 생성자 new RegExp('표현' , '옵션') nes RegExp('[a-z]' , 'gi') 리터럴 표현/옵션 [a-z