김은정

6주간의 혼공학습단 11기 활동을 모두 끝마쳤다. 방학동안 해야 할 공부가 많았는데, 아무래도 공부를 하다가 의지를 잃고 금방 관둘 것 같아.. 공부할 이유를 만들어야겠다는 생각이 들어서 혼공학습단을 신청했었다. 그랬는데.... 분명 그랬는데.... 벌써 활동을 끝내고 회고록을 쓰고 있다니... 혼공학습단으로 활동을 하면서 흥청망청 놀아도 그 누구도 나에게 뭐라하지 않는 방학동안 매주 공부를 해야 한다는 사실이 때론 귀찮게 느껴지기도 했었다. 하지만 매주 한두 챕터라는 적은 분량과 어렵지 않은 기본 미션, 선택 미션에 더불어, 혼공족장님의 응원과 정성이 담긴 댓글과 열심히 활동하는 다른 단원분들의 블로그를 보며 힘을 낸 덕분에 중간에 포기하지 않고 끝까지 달려올 수 있었다. 혼공학습단 활동이 끝남과 동시..

✅ 기본 미션 p. 315의 을 실행한 후 출력되는 고양이 이미지 캡쳐하기

✅ 기본 미션 객체, 속성, 메소드가 무엇인지 설명하기 객체(Object) 실제로 존재하는 사물 '이름과 값으로 구성된' 속성(property)을 가진 자바스크립트의 기본 데이터 타입 생성: 중괄호 {...} 사용, 다음과 같이 자료를 쉼표로 연결해서 입력 // 키:값 const product = { 제품명: '망고', 유형: '건조', 원산지: '필리핀' }​ 객체의 요소에 접근: 대괄호 [...] or 온점(.)를 사용하고 키를 입력 product['제품명']// '망고' product.원산지// '필리핀' 속성(Property) 객체 내부에 있는 값 모든 형태의 자료형을 가질 수 있음. const object = { number: 273, string: '구름', boolean: true metho..

✅ 기본 미션 p.202 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기 ✅ 선택 미션 p.240 확인문제 1번을 풀고, 풀이 과정 설명하기 [풀이 과정] 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 함수가 참을 반환하는 요소만으로 새로운 배열을 생성하는 filter() 함수를 사용하여, 세 가지 조건을 모두 만족하는 요소만 찾아 문제를 풀었다. ① 조건1. 숫자가 홀수인가? : number % 2 !== 0 ② 조건2. 숫자가 100 이하인가? : number

✅ 기본 미션 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 자료를 처리하는 연산자와 함수, 메소드는 처리 후 원본의 상태 변화에 따라 비파괴적 처리와 파괴적 처리로 구분할 수 있음. 비파괴적 처리 처리 후 원본 변경 X 장점: 자료 보호 가능 단점: 메모리 차지 多 파괴적 처리 처리 후 원본 변경 O 장점: 메모리 절약 가능 단점: 원본이 사라져 위험, 자료 보호 X ✅ 선택 미션 p.173 확인 문제 3번 풀고, 풀이 과정 설명하기 비파괴적 처리 const strA = "사과, 베, 바나나, 귤" strA.split(",")// (4) ["사과", "배", "바나나", "귤"] strA// "사과,배,바나나,귤"​ : split() 함수는 문자열을 특정 구분자로 나누어 배열로 반환하는 함수로,..

✅ 중요한 내용 1. 조건문 프로그램의 흐름을 변경할 때 사용(조건 분기) 비교 연산자와 논리 연산자를 활용 2. if 조건문 if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } else if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } else { 불 값이 거짓일 때 실행할 문장 } 예제 | 시간 파악하기 const date = new Data() const hour = date.getHours() if (hour < 11) { alert('아침 먹을 시간입니다.') } else if (hour < 15) { alert('점심 먹을 시간입니다.') } else { alert('저녁 먹을 시간입니다.') } 3. switch 조건문 switch (자료) { case ..

✅ 중요한 내용 1. 자바스크립트의 개발 환경 텍스트 에디터: 비주얼 스튜디오 코드 코드 실행기: 구글 크롬 2. 자바스크립트의 기본 용어 표현식 vs 문장 vs 프로그램 표현식(expression): 자바스크립트에서 값을 만들어내는 간단한 코드 20 + 24 'Kimeunjeong'​ 문장(statement): 하나 이상의 표현식이 모인 것 // 세미콜론 또는 줄바꿈으로 문장의 종결을 의미 10 + 20;alert('Hello JavaScript...!');273; 10 + 20 alert('Hello JavaScript...!') 273 10 + 20; // 함께 사용 가능 alert('Hello JavaScript...!'); 273;​​ 프로그램(program): 문장이 모인 것 키워드 vs 식별..

대학교에 입학한 후, 웹 개발 공부를 시작해 봐야겠다는 생각을 하여 지난 방학동안 HTML과 CSS에 대해 공부했고, 이번 방학 동안엔 자바스크립트에 대해 공부해 보기로 마음을 먹었다. 지난 1년 동안 내 학점을 책임져 준 혼공파와 혼공C에 이어서! 혼공JS로 공부를 하려 했는데, 아무래도 방학이다 보니 자바스크립트 공부가 박약한 내 의지로는 용두사미가 될 것 같아 함께 공부하는 사람들이 있으면 좋을 듯하여 혼공학습단에 지원을 했다. 운이 좋게도! 혼공족장님께 환영 메일을 받았고, 6주라는 시간동안 아래 진도표를 따라 부지런히 공부해서 꼭 완주해봐야겠다. 아자자 🍀