전체 글 7

[혼공스]회고록

처음 코딩을 접하게 되면서 자기 주도적으로 독학하는 게 어려워 혼공단을 시작했습니다.친구의 추천으로 알게되며 매주 분량과 다름 참여자들의 정리본도 같이 참고할 수 있어서 매우 좋았습니다.이후 또 배우고 싶은 책이 생기면 신청할 생각입니다. 다만, 방학이 있던거 저는 오히려 아쉬웠던 게 큽니다.퇴근 후 공부하는게 쉽지 않았고 매주 분량의 데드라인이 존재해 꾸준히 할 수 있는 기회가 생겼습니다.1달 간이라는 시간 동안 몰아서 하는 경우도 꾸준히 하는 경우도 있었고 습관이 잡히는 도중 방학을 하게 되어 오히려 잡아둔 습관도 해이해졌고 그 뒤로 5,6주 차는 복구하는데 어려움이 컸습니다. 남은 분량과 급하게 제출하게 된 부분들은 재정비하여 다시 책을 들여다보려고 계획을 짜는 중입니다.  자바스 정복하고 다른 책..

JavaScript 2024.08.19

[혼공JS] 6주차_24.08.12-08.18

6주차 진도 [Chapter 07~08] [Chapter 7] 문서 객체 : HTML 페이지에 있는 html, body, title, h1, div, span 등의 요소를 자바스크립트에서는 문제 객체라고 말한다. 문서 모델 객체 : 문서 객체를 조합해서 만든 전체적인 형태. 약자 'DOM' 트리 : 비선현 자료구조의 일종, 나무처럼 생긴 것에서 유래- 부모 : 어떤 문서 객체의 위에 있는것- 자식 : 어떤 문서 객체의 아래에 있는것 이벤트 : 웹 브라우저에서 발생하는 사용자의 동작, 마우스 클릭, 스크롤, 키보드 입력, 페이지 전환 등* DOMContentLoaded 이벤트 : HTML 페이지의 모든 문서 객체(요소)를 웹 브라우저가 읽었을 때 발생시키는 이벤트 이벤트 리스너 : 이벤트가 발생할 때 실행..

JavaScript 2024.08.19

[혼공JS] 5주차_24.08.05-08.11

5주차 진도 [Chapter 06] p.245 객체객체 : 여러가지 속성을 가질 수 있는 대상 속성 : 객체 내부에 있는 값   배열 내부에 있으면 요소, 객체 내부에 있으면 속성이라고 함.* delete 키워드 : 객체의 속성을 제거할 떄 사용 메소드 : 객체의 속성 중에 함수 자료형인 속성* this 키워드 : 객체 내부의 매소드에서 자기 자신이 가진 속성을 표시할 때 사용 메소드 내부에서 this키워드 사용하기 동적으로 객체 속성 추가/제거하기  객체 자료형 : 객체를 기반으로 하는 자료형. new 키워드를 사용하여 생헝 일급 객체 :  자바스크립트에서 함수는 객체의 특성을 모두 갖고 있으므로 일급 객체에 속함.(다른 객체들에게 적용가능한 연산을 모두 지원하는 객체) 기본 자료형 : 실체가 있는것 ..

JavaScript 2024.08.11

[혼공JS] 4주차_24.07.22-07.28

4주차 진도 [Chapter 05] - 프로시저 형태 함수1. 2.  →  반복문을 함수적용해서 작성sum 함수 적용 - 수학적 함수→  반복문을 함수적용해서 작성sum 함수 적용   function 코드의 집합을 나타내는 자료형으로 '기능'을 의미한다. - 익명함수 : 이름이 붙어있지 않은 함수. function () {} 형태로 만든다.  이름이 없기 때문에 변수에 넣어서 사용한다. - 선언적 함수 : 이름이 붙어있는 함수. function 함수이름 () {} 형태로 만든다.  function 키워드를 이용하여 함수를 선언한다. * 익명함수와 선언적 함수의 가장 큰 차이는 호출 순서의 차이다.익명 함수 : 코드를 위에서 아래로 읽은 순서대로 실행하기 때문에 함수를 호출하기 전에 먼저 선언해야 실행할 ..

JavaScript 2024.07.28

[혼공JS] 3주차_24.07.15-07.21

3주 차 진도 [Chapter 04] p.160 배열배열[인덱스]가장 앞에 있는 요소는 '0'으로 표현한다.내부의 값은 ','로 구분한다 (요소, 요소, 요소)  -배열 요소 개수 확인a.length : 요소 개수 추출 a [인덱스] : 요소 추출 -배열 요소 뒷부분 추가a.push(요소) : 뒤에 추가 -배열 요소 제거a.splice(인덱스, 제거할 요소 개수) : 특정 위치에 요소 제거 -값으로 요소 제거a.indexOf() : 특정 값의 인덱스 추출 a.splice(인덱스, 1) : 인덱스의 위치의 요소 제거 -배열 특정위치 요소 추가a.splice(인덱스, 0, 요소) : splice() 메소드는 요소를 추가할 때 사용하고, 제거할 때도 사용한다. p.169-비파괴적 처리 : 처리 후에 원본 내용..

JavaScript 2024.07.21

[혼공JS] 2주차_24.07.08-07.14

1주차 진도 [Chapter 03] p.130 조건문if(불 값이 나오는 표현식) {  불 값이 참일 때 실행할 문장}- 예제 if else 조건문if(불 값이 나오는 표현식) {  불 값이 참일 때 실행할 문장} else {  불 값이 거짓일 때 실행할 문장}- 예제 중첩 조건문if(불 값이 나오는 표현식 1) {  if(불 값이 나오는 표현식 2){  표현식 2가 참일 때 실행할 문장} else {   표현식 2가 거일 때 실행할 문장} else {  if(불 값이 ㅣ나오는 표현식 3){   표현식 3이 참일 때 실행할 문장} else {  표현시기 3이 거짓일 때 실행할 문장  }}-예제 if else if 조건문if(불 표현식) {  문장} else if(불 표현식) {  문장} else if(불..

JavaScript 2024.07.14

[혼공JS] 1주차_24.07.01-07.07

1주차 진도 [Chapter 01~02] p.66 확인문제 풀어보기1. 2. p.71 식별자키워드로 사용하면 안된다.숫자로 시작하면 안된다.특수문자는 _와 $만 허용한다.공백 문자를 포함할 수 없다.여러 글자로 구성된 식별자는 대문자로 구분해준다.ㄴcreat map > creatMapㄴremove all > removeAll대문자로 시작하면 클래스클래스가 아닌것ArrayNumberPetARRAYNUMBERPET* 변수, 인스턴스, 함수, 메소드는 항상 소문자로 시작한다. 식별자의 종류구분단독으로 사용다른 식별자와 사용식별자 뒤에 괄호 없음변수속성식별자 뒤에 괄호 있음함수메소드 식별자 종류 구분해보기alert('hello World')함수Array.lenght속성input변수prompt('message',..

JavaScript 2024.07.07