etc./Do it! 공부단

1. 책 DB를 넣어주세요. 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ 파이썬의 특징 - 문법이 사람의 사고 체계와 매울 닮아있다. - C와 찰떡 궁합이다. (프로그램의 전반적인 뼈대는 파이썬으로 만들고, 빠른 실행 속도가 필요한 부분은 C로 만든다.) - 파이썬 프로그램은 들여쓰기를 하지 않으면 실행되지 않는다. ​ 파이썬으로 할 수 없는 일 - 시스템과 밀접한 프로그래밍 영역 - 모바일 프로그래밍 ​ 파이썬 셸(Python shell) : 파이썬 대화형 인터프리터 프롬프트(prompt) : 파이썬 셸에서의 3개의 꺾은 괄호(>>>) ​ 파이썬 개발/실행 프로그램 - 간단한 예제의 결과..

1. 책 DB를 넣어주세요. ​ ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ - 브라우저 객체 모델(BOM) : 웹 '브라우저' 전체를 객체로 관리하는 것 객체 설명 Window 브라우저 창 1개당 만들어지는 객체 (최상위 객체) Document 태그를 만나면 만들어지는 객체 (HTML 문서 정보를 가진다.) History 현재 창에서의 방문 기록을 저장하는 객체 Location 현재 페이지의 URL 정보를 갖는 객체 Navigator 현제 사용 중인 웹 브라우저 정보를 갖는 객체 Screen 현재 사용 중인 화면 정보를 갖는 객체 ​ 4. 열심히 실습한 코드를 저장해 첨부해 주시거..

1. 책 DB를 넣어주세요. ​ ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ ​ 폼 요소에 접근하는 여러가지 방법 1) id 값 / class 값 사용 : document.querySelector("id값 또는 class값").value; 2) name 값 사용 (권장) : document.name값.value; 3) 폼 배열 사용 : document.forms[2].elements[1].value; ​ ​ 텍스트 필드를 검증해서 오류가 발생했을 시, 사용자가 입력한 값을 처리하는 방법 1) select() : 사용자가 기존에 입력한 값을 선택 2) focus() : 기존에 입력한 ..

1. 책 DB를 넣어주세요. ​ ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ ​ DOM(Document Object Model) - 웹 문서의 모든 요소를 객체화하여, js에서 조작 가능하게 하는 것 - DOM 구조는 나무처럼 생겼으며, 이러한 구조를 'DOM 트리'라고 부른다. - document : DOM 요소 중 하나로, 웹 문서 자체를 가리킨다. ​ ​ DOM요소에 접근하는 방법 - document.getElementById("내용") : id 선택자로 접근하기 - document.getElementsByClassName("내용") : class 이름으로 접근하기 (HTMLC..

1. 책 DB를 넣어주세요. ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ Array객체의 주요 메서드들 concat A.concat(B) 배열 A와 B를 합쳐 새로운 배열을 생성 join A.join("-") 배열 A의 요소들 사이에 "-"를 넣어 구분 push A.push("a") 배열 A에 a라는 요소를 맨 뒤에 추가 unshift A.unshift("a") 배열 A에 a라는 요소를 맨 앞에 추가 pop A.pop() 배열 A의 맨 뒷 요소를 추출 shift A.shift() 배열 A의 맨 앞 요소를 추출 splice A.splice(2) 배열 A의 인덱스 2부터 끝까지 삭제 A..

1. 책 DB를 넣어주세요. ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ ​ 객체 - 프로그램에서 인식할 수 있는 모든 대상 - 객체 안에 숫자, 문자열 등 여러 가지 자료형이 포함된다. - 속성 : 객체에서 값을 담고 있는 정보 - 객체는 일종의 틀로, 인스턴트들을 찍어낸다. (new 예약어를 사용) - 하지만 Math 객체처럼 인스턴스를 생성하지 않고 바로 사용가능한 객체들도 있다. ​ 내장 객체 - Date, Number, Boolean, Array, Math 등 * Window 객체는 모든 객체를 품고 있는 최상위 객체로, Window 객체의 함수는 이름만 사용해서 실행 가능..

1. 책 DB를 넣어주세요. ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ 변수에 관해서 var 변수의 문제점 - 자바스크립트 해석기는 함수 소스를 훑어보면서 var 변수를 따로 기억해둔다. (호이스팅) - 재선언이 가능하다. ​ let 변수의 특징 - 블록({}으로 묶은 부분)에서만 유효하다. - 재선언이 불가능하다. ​ const 변수의 특징 - const로 선언한 변수는 상수가 되어, 절대 변경되지 않는다. ​ 매개변수와 인수 - 매개변수 : 함수를 실행하기 위해 필요하다고 지정하는 값 - 인수 : 매개변수 자리에 실제로 넘겨받은 값 ​ * 매개변수의 디폴트 값을 미리 지정할 수..

1. 책 DB를 넣어주세요. ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ falsy하다 () truthy하다 false로 인정할 수 있는 값 true로 인정할 수 있는 값 - 0 - "" - NaN (Not a Number) - undefined - null falsy값 5개를 제외한 모든 값 - for문은 인덱스를 기준으로 반복하고 for ... of문은 값을 기준으로 반복한다. - for문은 인덱스를 기준으로 반복하고 while문은 특정 조건을 만족하는 동안에만 반복한다. ​ ​ 4. 열심히 실습한 코드를 저장해 첨부해 주시거나 자랑할만한 스크린샷이 있다면 올려주세요.

1. 책 DB를 넣어주세요. ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. ​ 자료형 - 자바스크립트는 변수에 저장하는 값에 따라 자료형이 결정된다. - 어떤 변수의 자료형을 알고싶다면 'typeof' 연산자를 사용한다. - 자바스크립트는 정수와 실수 모두 number로 취급한다. ​ - 'undefined' 자료형 : "처음부터 변수에 값이 할당되지 않았다." - 'null' 자료형 : "처음에 할당된 값이 더는 유효하지 않다." ​ - 복합 자료형에는 '배열'과 '객체'가 있다. - '객체' 자료형은 '중괄호'로 묶인, 'key'와 'value'의 한 쌍으로 이뤄진 여러 자료들이 묶인..

1. 책 DB를 넣어주세요. ​ 2. 나의 스터디 흔적을 사진으로 보여주세요. ​ ​ 3. 이번 스터디에서 특별히 좋았던 점이나 어려웠던 점이 있었나요? 새로 알게된 부분이 있다면 알려주세요. 입출력 함수 기능 비고 prompt() 사용자에게 값을 입력받을 때 prompt('x1', 'x2') 라고 쓰면 디폴트 값을 설정할 수 있다. alert() 간단한 알림 내용 출력할 때 document.write() 괄호 안의 내용을 브라우저 창에 출력 write()함수가 document 객체에 포함되어 있다. console.log() 괄호 안의 내용을 콘솔 창에 출력 - 식별자(Identifier) : 우리가 이름 붙여 준 특정 단어 - 예약어(Keyword) : 자바스크립트에 먼저 등록된 단어 ​ ​ 4. 열심..