전체 글
-
혼자 공부하는 자바스크립트 6장 - 객체자바스크립트/혼자 공부하는 자바스크립트 2021. 8. 1. 18:03
객체 이름name과 값value으로 구성된 속성property을 가진 자바스크립트의 기본 데이터 타입 자바스크립트에서 여러 자료를 다룰 때는 객체를 사용한다. 여러 자료를 다룰 수 있는 배열 역시 객체이다. typeof []를 실행하면 object를 출력한다. 객체는 중괄호{}로 생성하며, 키: 값의 형태의 자료를 ,로 연결해서 입력한다. const person = { name: "Bob", age: 32, handsome: true, interests: ['music', 'skiing'], bio: function() { alert(`${this.name} is ${this. age} years old. He likes ${this.interests[0]} and ${this.interests[1]}...
-
혼자 공부하는 자바스크립트 5장 - 함수자바스크립트/혼자 공부하는 자바스크립트 2021. 7. 31. 00:49
함수 함수 호출 함수를 사용한다. 매개변수 함수를 호출할 때 괄호 내부에 넣는 자료 리턴값 함수를 호출해서 최종적으로 나오는 결과 익명함수 함수는 코드의 집합을 나타내는 자료형이다. 중괄호 내부에 코드를 넣어 사용하기 때문이다. function () {} 함수를 사용하면 좋은 점: 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있다. 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아진다. 기능별(함수별)로 수정이 가능하므로 유지보수가 쉽다. const 함수 = function () { console.log("함수 내부의 코드입니다 ... 1"); console.log("함수 내부의 코드입니다 ... 2"); console.lo..
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 3주차 미션자바스크립트/혼공챌린지 2021. 7. 25. 15:55
공부내용 정리 Chapter 04: 반복문 기본 미션 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 비파괴적 처리 처리 후에 원본 내용이 변경되지 않는다. const a = "안녕"; const b = "하세요"; const c = a + b; c; // "안녕하세요" a; // "안녕" b; // "하세요" a와 b의 내용이 변경되지 않았다. 파괴적 처리 처리 후에 원본 내용이 변경된다 const array = ["사과", "배", "바나나"]; array.push("귤"); // 4 array; // (4) ["사과", "배", "바나나", "귤"] array의 원본 내용이 변경되었다. 과거엔 컴퓨터 메모리의 부족으로, 프로그래밍 언어 및 라이브러리는 메모리를 절약해 사용하는 방식으로 설계되었..
-
혼자 공부하는 자바스크립트 4장 - 배열, 반복문자바스크립트/혼자 공부하는 자바스크립트 2021. 7. 25. 15:28
반복문 배열 숫자, 문자열, 불과 같은 자료는 하나의 값만 가질 수 있지만, 배열을 사용하면 여러 개의 변수를 한 번에 선언해, 묶어서 활용할 수 있다. 생성 대괄호 []를 사용해 생성하고, 요소를 쉼표로 구분해 입력한다. 요소에는 숫자, 문자열, 불 값, 함수, 객체, 또 다른 배열 등 어떠한 종류의 자료형도 쓸 수 있다. const array = [273, 'String', true, function() { }, {}, [273, 103]]; // undefined array; // (6) [273, "String", true, ƒ, {…}, Array(2)] 인덱스 요소의 순서를 인덱스라고 하며, 가장 앞에서부터 0, 1, 2... 순으로 매겨진다. const numbers = [273, 52, 1..
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 2주차 미션자바스크립트/혼공챌린지 2021. 7. 19. 07:22
공부내용 정리 Chapter 03: 자료형 기본 미션 p.139 확인 문제 3번 문제 풀고 완전한 코드 만들어 비주얼 스튜디오 코드에서 실행 결과 인증샷 x의 값을 두 조건을 모두 만족시키는 값인 15로 주었고, 책에 나온 중첩 조건문은 console에 표기하고, 내가 직접 기입한 조건식은 body에 표기되도록 했다. 두 조건 모두 참이 될 때만 실행되어야 하므로 빈칸에 들어갈 논리 연산자는 && 연산자. 선택미션 p.152의 예제 실행하여 본인의 띠 출력한 인증샷 지저분한 코드는 console에 표기하고, split 메소드를 사용한 것은 body에 표기되도록 했다. 난 쥐띠고, 마침 쥐띠가 12간지 중 첫번째다보니 자연스럽게 쥐를 첫번째 조건식에 넣으려고 생각했는데, 구현이 어려웠다. 근데 그냥 쥐를 ..
-
혼자 공부하는 자바스크립트 3장 - 조건문자바스크립트/혼자 공부하는 자바스크립트 2021. 7. 19. 06:52
조건문 위에서 아래로 차례차례 실행되는 게 아니라, 조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수 있다. if 조건문 if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } 오전과 오후를 구분하기: const date = new Date(); const hour = date.getHours(); if (hour = 12) { // 12시 이후 오후일 때 실행 alert("오후입니다.") } if else 조건문 위의 예시에서 오전과 오후처럼 서로 반대되는 조건의 경우 else 구문을 활용한다. else 구문은 if 조건문 바로 뒤에 붙여서 사용하고, 이를 조합한 조건문을 if else..
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 1주차 미션자바스크립트/혼공챌린지 2021. 7. 10. 19:15
노마드코더에서 챌린지를 수강하며 과제가 주어졌을 때 공부의 능률이 오른다는 것을 알게 돼서, 한빛미디어에서 진행하는 혼공챌린지를 신청했다. 공부내용 정리 Chapter 01: 기본 용어 Chapter 02: 자료와 변수 증감연산자 n++과 ++n은 예전부터 항상 헷갈렸는데, 이번에 완벽하게 이해했다! 기본 미션 p.54의 에서 'Hello World' 출력하기 선택미션 Ch.01-1 확인 문제 1번 상세하게 적고 인증샷 "인터넷을 돌아다니면서 보았던 쉽게 사용할 수 있고, 기능이 많다고 느꼈던 웹 사이트를 5개 정도 적어 보세요." 유튜브 Youtube 검색, 업로드, 영상 재생, 알고리즘 등. 넷플릭스 Netflix 프로필 별 영상 추천, 예고편 재생, 영상 슬라이더 등. 트위터 twitter 실시간 ..
-
혼자 공부하는 자바스크립트 2장 - 자료와 변수자바스크립트/혼자 공부하는 자바스크립트 2021. 7. 10. 18:36
자료형 typeof(자료)를 통해 자료형을 검사할 수 있다. 문자열 'String', "String", `String`등으로 만들 수 있다. + 연산자로 문자열을 연결할 수 있다. 문자열 선택 연산자를 통해 문자열 내부의 문자 하나를 선택할 수 있다. "안녕하세요"[0] // "안" "안녕하세요"[2] // "하" length 속성을 이용해 문자열의 길이를 알 수 있다. "안녕하세요".length // 5 "javascript".length // 10 숫자 +, -, *, / 외에도 % 등을 활용해 연산이 가능하다. 불 Boolean true 와 false 두 가지가 있다. ===, !==, >, =, "banana" // false apple이 사전의 앞쪽에 있으므로 값이 작아야 한다. 불 부정 연산자..