군만두의 IT 개발 일지

목차🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일⭐요약JavaScript에서 DOM(Document Object Model)의 기초 개념과 HTML 요소를 생성·추가·조회·변경·삭제하는 방법에 대해 정리한다.더보기 Chapter 1. DOM 기초DOM은 HTML 요소를 JavaScript Object처럼 조작할 수 있는 모델임CREATEdocument.createElement('요소명')으로 HTML 요소를 생성함APPEND부모요소.append(element)로 생성한 요소를 부모 노드에 포함시킴READquerySelector로 첫 번째 요소를, querySelectorAll로 모든 요소를 유사 배열로 조회함UPDATEtextContent로 내용을 변경하고, classList.add(..

목차🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일⭐요약JavaScript에서 고차 함수(Higher Order Function)와 내장 고차 함수, 그리고 추상화 관점에서의 고차 함수의 중요성에 대해 정리한다.더보기더보기 Chapter 1. 고차 함수함수는 일급 객체이므로 변수에 할당하거나 다른 함수의 인자·리턴값으로 사용할 수 있음.고차 함수는 함수를 인자로 받거나 함수를 리턴하는 함수이며, 인자로 전달되는 함수를 콜백 함수라 함.Chapter 2. 내장 고차 함수filter: 조건을 만족하는 요소만 걸러내 새 배열로 반환함.map: 모든 요소에 동일한 동작을 적용시켜 새 배열로 반환함.reduce: 배열의 여러 요소를 하나의 값으로 응축함.Chapter 3. 고차 함수의 중요성고차..

목차🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일⭐요약JavaScript에서 참조자료형, 스코프, 클로저, ES6 주요 문법에 대해 정리한다.더보기더보기더보기 Chapter 1. 참조자료형원시자료형은 값 자체를 저장하고, 참조자료형은 힙(heap)에 값을 저장한 후 주소값을 변수에 저장함.얕은 복사는 spread syntax, Object.assign(), slice()로 구현할 수 있음.깊은 복사는 JSON 메서드 조합 또는 외부 라이브러리(lodash, ramda)를 사용함.Chapter 2. 스코프변수 접근 규칙에 따른 유효 범위를 의미함.블록 스코프와 함수 스코프로 구분되며, var는 블록 스코프를 무시하므로 let/const 사용을 권장함.Chapter 3. 클로저함수와 그 ..

목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 JavaScript에서 배열과 객체에 대해서 정리함. 더보기 🚀 배열 1) 배열 배열은 [ ]를 사용하여 선언하며, 각 요소는 쉼표로 구분됨. .length 속성으로 배열의 길이를 알 수 있음. .push(), .unshift() 메소드로 배열에 요소를 추가할 수 있고, .pop(), .shift() 메소드로 요소를 삭제할 수 있음. .slice(), .concat(), .join() 메소드는 배열을 조작하는 데 사용되며, 원본 배열을 변경하지 않음. .indexOf(), .includes() 메소드로 특정 요소를 찾을 수 있음. 2) 객체 객체는 { }를 사용하여 선언하며, 키-값 쌍으로 구성됨. Dot notation과 Br..

목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 이번 과제에서는 목업이 아닌 실제로 작동하는 계산기를 만들고, Github를 사용해 PR를 하는 과정까지 진행함. 1) 버튼이 잘 눌렸는지 확인 계산기의 숫자버튼을 클릭했을 때의 변화를 개발자 도구의 Console 탭을 이용하여 확인함. 2) 기본 계산 기능 구현 두 숫자의 사칙연산을 할 수 있는 계산기를 구현함. 3) 학습 목표 계산기 Github repository에 작성된 HTML, CSS를 이해할 수 있음. 두 숫자의 사칙연산을 구현할 수 있음. ⭐과제 원본 저장소를 fork 하고, 위 내용 진행하여 코드 수정 후 pull requests를 하는 과제임. ⭐과정 1. 원본 저장소 Fork 원본 저장소(레포지토리) 오른쪽 ..

목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 Javascript의 반복문(for, while, do...while)과 함수의 사용법을 정리함. 더보기 🚀5. 반복문 1) for문 for문은 초기화, 조건식, 증감식을 포함하여 반복적인 작업을 수행할 때 사용됨. 2) while문 while문은 주어진 조건이 참인 동안 코드 블록을 반복 실행함. 조건식만 있으며, 초기화와 증감식은 코드 블록 안에서 처리해야 함. 3) do...while문 do...while문은 최소 한 번은 코드 블록을 실행한 후 조건을 검사함. 이는 조건이 처음부터 거짓이라도 코드 블록을 최소 한 번은 실행하고자 할 때 유용함. 🚀6. 함수 1) 함수의 선언과 호출 함수는 function 키워드를 사용하여..

목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 JavaScript 프로그래밍 언어에서 변수의 선언과 할당, 조건문(if, else)의 사용법을 정리함. 더보기 🚀3. 변수의 선언과 할당 1) 변수 선언 let과 const 키워드를 사용해 변수를 선언함. var는 오래된 키워드로, 현대적인 JavaScript 코드에서는 사용을 지양함. 2) 값의 할당 할당 연산자 =를 사용하여 변수에 값을 할당함. 3) 데이터 타입 JavaScript에서는 숫자, 문자열, 불리언, 배열, 객체 등 다양한 데이터 타입을 변수에 할당할 수 있음. 4) 재할당과 상수 let으로 선언된 변수는 재할당이 가능하지만, const로 선언된 변수는 재할당이 불가능함. 🚀4. 조건문 1) if문 주어진 조건..

목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 JavaScript 프로그래밍 언어의 기본적인 개념과 실행 방법, 주요 데이터 타입(Number, String, Boolean)에 대해 정리함. 더보기 🚀 JavaScript 기초 1) JavaScript 기초 JavaScript는 HTML 파일 내에서 브라우저를 통해 실행되거나, Node.js 환경에서 실행됨. REPL 환경을 통해 간단한 JavaScript 코드를 실행하고 결과를 바로 확인할 수 있음. 2) console.log() 메서드 console.log() 메서드를 사용하여 개발자 도구의 콘솔이나 터미널에 원하는 값을 출력함. 3) 주석 코드 설명을 위해 주석을 사용할 수 있으며, JavaScript에서는 //로 단일..