9일 차 진도 Date 객체 특정 날짜의 시간과 현재 날짜와 시간을 알 수 있다. let nowDate = new Date(); console.log(nowDate); // 2023-12-13T00:50:37.026Z 오늘의 연도 월, 일 시간이 출력된다. Date 객체의 메서드 getMonth(월), getDate(일), getDay(요일) let nowDate = new Date(); let month = nowDate.getMonth(); let date = nowDate.getDate(); let day = nowDate.getDay(); console.log(`${month}월 ${date}일 ${day}요일`) // 11월 13일 3요일 getMonth 메서드는 월을 0~11 사이의 숫자로 표..

8일 차 진도 DOM 웹 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간 웹사이트란? 주소 URL에 접속해서 볼 수 있는 웹페이지들을 통틀어 말하는 말로, 흔히 말하는 ‘홈페이지’라고 할 수 있다. HTML(Hyper Text Markup Language) 브라우저에게 웹 사이트의 요소들이 어떻게 구성되어 있는지 알려주는 역할 CSS(Cascading Style Sheets) 웹 사이트 요소들을 꾸며주는 역할 DOM(Document Object Model) HTML을 자바스크립트가 이해할 수 있게 브라우저가 객체로 변환한 것 웹 브라우저는 HTML 문서를 불러온 뒤, 상하관계를 한눈에 볼 수 있는 DOM Tree 구조로 나타낸다. DOM Tree에서는 아이템 하나하나를 노드라고 부르며, 노..

7일 차 진도 Promise 비동기 작업을 편리하게 할 수 있게 도와주는 JS 내장 객체 executor = (resolve, reject) => { setTimeout(()=>{ console.log(“3초만 기다리세요”) },3000) } const promise = new Promise(executor); excutor함수는 promise 객체의 인수로 전달되어야 하며, promise 객체를 생성함과 동시에 실행되는 실행함수 executor 함수의 매개변수인 resolve, reject는 js에서 자체적으로 제공하는 콜백함수로, 비동기 처리가 성공하면 resolve를, 실패하면 reject를 호출한다. Promise 객체는 State, Result 두 가지의 내부 프로퍼티를 가진다. state : ..

6일 차 진도 구조 분해 할당 배열이나 객체의 요소 및 프로퍼티들을 분해해, 그 값들을 각각의 변수에 할당하는 자바스크립트의 표현식 배열의 구조분해 할당 let colors = [“green”, “blue”, “purple”]; let [c1, c2, c3] = colors; console.log(c1); // green console.log(c2); // blue console.log(c3); // purple let c1, c2 , c3; // 선언 분리 할당 [c1, c2, c3] = “green”, “blue”, “purple” console.log(c1); // green console.log(c2); // blue console.log(c3); // purple 배열의 길이보다 적은 수의 값을..

개발 기간 23.11.17 ~ 23.12.09 완성품(?) 느낀 점 1. 설계를 잘해야겠다. flex를 뜯어고친 경험을 해보니, 애초에 설계를 잘하는 게 중요하다는 생각이 들었다. 기능을 추가하더라도, 큰 틀에서는 변화가 없게끔, 즉 즉흥적인 변경도 대응할 수 있는 틀을 잡고 시작하는 게 좋을 것 같다. (할 수 있다면...) 2. 멘토가 있으면 좋겠다. 최종적으로는 적용하지 못한 최적화 부분을 고민하면서 느낀 점이다. 질문을 할 수 있는 멘토가 있었으면 좋겠다. GPT도 많은 도움이 되지만, 프로젝트 전체를 복사해서 물어보는 것은 쉽지 않기 때문이다. 기회가 된다면 멘토를 찾고 싶다. 꼭 멘토가 아니더라도 물어보면서 성장할 수 있는 환경을 찾아봐야겠다. 3. 웹은 웹으로, 모바일은 모바일로 웹을 모바일..

5일 차 진도 배열 요소 순회 메서드 - foreach 매개변수로 함수를 전달(콜백함수), 콜백함수에는 3가지 매개변수 전달 let arr = [1,2,3,4,5]; arr.foreach((elm,idx,array)=>{ console.log(`${idx}번째 요소는 ${elm}입니다. `); // 0번째 요소는 1입니다 ~ 5까지 출력 console.log(array); // [1,2,3,4,5] } elm은 arr의 각 요소를 나타낸다. idx 선택적 매개변수, 요소의 인덱스를 나타내며, array은 실제 전달된 배열을 출력한다. - map 배열 안의 모든 원소를 변환할 때 유용하게 사용 let arr = [1,2,3,4,5]; let newArray = arr.map((elm)=> { return ..