분류 전체보기
-
혼자 공부하는 자바스크립트 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이 사전의 앞쪽에 있으므로 값이 작아야 한다. 불 부정 연산자..
-
혼자 공부하는 자바스크립트 1장 - 기본 용어자바스크립트/혼자 공부하는 자바스크립트 2021. 7. 10. 17:04
기본용어 표현식 expression 값을 만들어내는 간단한 코드. 273 문장 statement 하나 이상의 표현식이 모인 것. 세미콜론 또는 줄바꿈으로 문장을 구분한다. 하나의 표현식도 문장의 종결을 의미하는 세미콜론 또는 줄바꿈을 넣으면 문장이라고 부른다. 문장이 모여 프로그램을 이룬다. let rintiantta = "Rint" + "Ian" + "Tta"; 키워드 keyword 자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어들. if, do, else, for 등... 식별자 identifier 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어 식별자를 만들 때의 규칙 키워드를 사용해선 안 된다. 숫자로 시작하면 안된다. 특수 문자는 _와 $만 허용: _나 $ 한글자만으로도 식별..