오늘 한일 배열 lesson, 객체 lesson 학습 Coplit with pair - 배열 배열&객체 lesson 개념정리 학습내용 및 성취 배열 기초 배열에서 사용되는 다음 용어에 대해 정확히 이해할 수 있다. index, element, length arr[0], push, pop, 배열에서 특정 인덱스(index)의 요소(element)를 조회 및 변경할 수 있다. 배열 내에 배열이 있는 이중 배열의 요소의 조회 및 변경을 할 수 있다. 배열의 반복 배열의 반복 기초를 이해할 수 있다. for 문과 배열을 이용해 반복적으로 코드를 실행시킬 수 있다. 기본적인 for 문 for (let i = 0; i < 5; i++) 을 응용하여 다양한 for 문을 만들 수 있다. 반복문에 조건문을 응용하여 특정..

Achievement Goals 객체 기초, 퀴즈, 실습 배열 및 객체 구조를 이해하고 어떻게 사용하는 지 이해할 수 있다. 배열과 객체의 특징을 구분하여 사용할 수 있다. (순서를 가진다, 의미를 가진다) 배열과 객체의 특징에 따라 실생활에서 언제 쓰여야 하는지 이해할 수 있다. 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다. 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다. 객체 실습 - 2 에서 나오는 tweet.content와 tweet['content']의 차이가 무엇인지 확실히 이해한다. obj.a = "hello" 와 같은 이질적인 객체 할당 방식을 능숙하게 다룰 수 있다. 객체 속성 삭제를 위한 del..

배열 기초 메소드 배열 요소(element)의 조회, 추가, 삭제, 복사, 분리 하는 법을 이해할 수 있다. unshift, shift, slice, length 자바스크립트의 특정 값이 배열인지 아닌지 판별할 수 있다. Array.isArray 배열의 요소(element)를 추가 및 삭제할 수 있다. push, pop 자바스크립트의 특정 값이 배열에 포함되어 있는지 확인할 수 있다. indexOf, includes Array 메소드 구성 1. 원본 배열을 변경하는 Array.prototype 메소드 Array.push(): 하나 이상의 요소를 배열의 가장 마지막에 추가합니다. Array.pop(): 배열의 가장 마지막 요소를 제거하고, 그 제거된 요소를 반환합니다. Array.shift(): 배열의 가..

오늘 한일 블로그의 'Javascript 개념정리' 의 내용 부가설명 및 정리/학습 JavaScript Calculator script.js 용어 및 메소드 파악 및 코딩 반복 JavaSript Calculator 해설 블로깅 DOM 공부 조금 학습내용 및 성취 문자열, 변수, 타입, 함수, 조건문, 반복문 정리 및 재학습. 느낀점 열심히 해야겠다. 누군가에게 도움을 줄 수 있도록 역량을 키우고 싶다. 개발자 라는 직업에 대한 생각이 조금씩 바뀌고 있다. 예전엔, 그저 혼자 일하거나 학습하는 고독(?)한 직업인 줄 알았는데, 점점더 다른 사람들과의 커뮤니케이션이 필요함을 느낀다. 물론 혼자 학습하는 것도 좋지만, 사람들과 얘기하는 과정에서 더욱 사고가 확장될 수 있다고 생각한다. 적극적으로 배우고 알려줄..

Elements(Inspector) : html/CSS 상태 확인 Console : 콘솔 (변수 정보를 확인하고 오류 메시지 표시) Sources(debugger) : 스크립트 디버깅 (break point 지정 및 변수 모니터링 등) Network : 브라우저에서 발생하는 통신 상태 Performance(예전 Timeline패널) : 성능 측정 Memory(예전 Profiles 패널) : 메모리 사용 형태를 작성하고 누수 탐색. Application(예전 Resources 패널) : 쿠키 및 스토리지 등의 내용 수집 Audits : 페이지를 분석하고 최적화를 위한 팁 나열 Security : Mixed content 이슈, 인증서 문제 등을 디버깅 About querySelector 1. HTML의 특..

오늘 한일 Sprint 진행(querySelector(solo), JavaScript Calculator(pair)) 반복문 코플릿 진행 (3_isOdd 해결) JavaScript Calculator 복습 학습내용 및 성취 sprint-querySelector Visual Studio Code 를 활용하여, HTML, CSS, JS 파일을 열고, 저장하고, 편집할 수 있다. document.querySelector 메소드를 활용하여, HTML 파일의 정보를 가져올 수 있다. textContent 를 활용하여, 자바스크립트에서 HTML 엘리먼트의 컨텐츠를 조회할 수 있다. textContent 를 활용하여, 자바스크립트에서 HTML 엘리먼트의 컨텐츠를 바꿀 수 있다. 깃허브 홈페이지에서 파일 Drag & ..