본문 바로가기

분류 전체보기104

241114 TIL - for...of, 기본값매개변수, 배열에서 특정값 찾기, 개인과제03 for...of반복가능한 객체의 각 속성값에 접근하는 반복문. Array, String, Map, Set 등등이 iterable한 객체들/* 기본 구조 */for (variable of iterable) { statement;}variable : 객체의 속성값들iterable : 반복가능한 객체/* 예시 */let arr = [10, 20, 30];for (let value of arr) { console.log(value);} // value가 선언된 적 없는 변수인 경우 선언해줘야함. const도 가능복습한 이유는 소괄호 안에서 variable위치의 매개변수에 선언이 필요하다는 사실을 체험했기 때문이다! 어떻게 알게 됐는지는 묻지 마십시오! 참 힘들었어!  기본값 매개변수 default param.. 2024. 11. 14.
241113 TIL - 재귀, Promise, 개인과제02 재귀 recursion재귀 함수는 어떠한 함수가 특정 조건에 도달할 때까지 자기 자신을 계속 호출함이때 특정 조건을 종료 조건(Base Case)라 하고, 자신을 계속 호출하는 과정을 재귀 단계(Recursive Step)이라 함재귀 함수가 적절한 종료 조건 없이 재귀 단계를 지속할 시, 스택 오버플로우 문제를 야기함. while문 등을 활용해 대체하는 편이 좋음!스택 오버플로우 : 콜스택에 쌓인 스택들이 가용 메모리를 넘어 힙 영역까지 침범한 경우참고링크 : https://andy-archive.tistory.com/10  Promise 이해해보자[프로미스의 상태] new Promise()로 프로미스를 생성하고 이후 종료될 때까지 프로미스는 세 가지 처리 과정을 거침.Pending (대기) : 비동기 .. 2024. 11. 13.
241112 TIL- async, 개인과제01 async 추가 내용async로 비동기 처리가 된 함수는 자동으로 Promise를 반환함!! await를 맥일 수 있다는 뜻!! 개인과제 LoveLike[ 오늘 한 작업 ][update] 1. Classmate 클래스 변경점 - 생성자 함수에 stage 매개변수로 받게 함 - 이름 속성 배열 형태로 추가 - 스테이지 속성 추가 - isTalk 메서드 기능 추가(스테이지 별 분기 나눠야함, 아직 기본형)2. Player 클래스 변경점 - 훈련 별 메서드 기능 추가 - 상호작용 메서드 Classmate 클래스로 이동3. 스테이터스 함수 세분화 - 내방 장면과 교실 장면으로 세분화 혹시 리팩토링 과정에서 다시 합쳐질 수 있음4. battle 함수 삭제 및 세분화 - 훈련을 위한 myRoomScene 함수와 상.. 2024. 11. 12.
241111 TIL - package.json, package-lock.json, export, import, prettier, 더하기단항연산자 package.json내 프로젝트의 현재 환경을 알려주는 파일. 이름과 버전은 뭐고, 라이센스나 타입은 뭐고, 현재 활용 중인 모듈들엔 뭐뭐가 있는지 등등"dependecies"는 배포 시에도 적용되는 모듈들 "devDependencies"는 개발 환경에서만 적용되는 모듈 (대표적으로 prettier)  package-lock.json프로젝트에서 활용하는 패키지(모듈들)에 대한 상세한 정보를 알려주는 파일! 버전 통일 및 공유 절차 간소화 목적이 프로젝트에서 활용한 모듈들의 버전 정보 등이 담겨있어서 협업자들끼리 일관된 모듈을 이용할 수 있게 해줌 또한 이 파일이 있기에 프로젝트를 공유받은 다른 사람이 node_modules를 불러올 수 있게됨!   export 선언부 앞에 export 지시자를 붙임으로.. 2024. 11. 11.
JS문법종합반 정리 5주차 - DOM, Class, Closure 웹 페이지가 로드되는 과정사용자가 브라우저에 주소를 입력 (= 클라이언트가 서버에 요청)→ 서버로부터 HTML 문서를 수신 (= 서버가 클라이언트에 응답)→ 브라우저가 HTML 파일을 해석(= parsing, rendering)→ DOM tree와 CSSOM tree 구성 후 둘을 묶어서 Render Tree 구성(= 최종 문서 모델을 나타내는 객체의 계층 구조)→ 브라우저 레이아웃 계산 → 페인팅  DOMDocument Object Modeling, HTML파일을 자바스크립트가 해석할 수 있는 객체 형태로 모델링한 것브라우저 환경에 기본적으로 내장된 API(= 시스템과 사용자 간의 중간 인터페이스)DOM Tree의 최상단 node는 항상 documentchildeNodes, parentNode 속성을 .. 2024. 11. 10.
241108 TIL - map() 복습, join(), Math.trunc, indexOf(), iterable, array-like map() 콜백함수의 매개변수/* map()의 기본 구조 */arr.map(function(currentValue[, index[, array]]) { // 변환(mapping)할 로직: 변환된 결과를 반환해야 합니다.}[, thisArg]);currentValue : (필수) 처리할 현재 요소, arr에서 순회할 요소들이 할당됨index : (선택) 처리할 현재 요소의 인덱스array : (선택) map을 호출한 배열. 원본 배열에 접근이 필요할 때 활용thisArg : (선택) 콜백함수에서 this로 사용할 객체를 지정 Array.join()배열의 각 요소를 지정된 구분자로 연결해 하나의 문자열로 반환/* join() 기본 구조 */arr.join(separator)separator : (선택).. 2024. 11. 8.

티스토리툴바