본문 바로가기

분류 전체보기365

[2주차] JavaScript의 조건문과 반복문 1월 20일 자 학습 내용 정리입니다. ✅ 조건문 조건문이란 주어진 조건에 따라 결괏값을 출력하는 구문이다. 조건으로는 비교 연산자 또는 논리 연산자를 사용한다. if문 if(조건) { ... } if문에 주어진 조건이 참이라면 중괄호 안의 코드를 실행한다. 코드가 한 줄로 간단한 형식이라면 중괄호를 생략하고 작성해도 된다. if ... else문 if(조건) { ... } else { ... } if문의 조건이 참이라면 if문의 코드를 실행하고 if문의 조건이 거짓이라면 else문의 코드를 실행한다. if ... else if ... else문 if (조건) { ... } else if (조건) { ... } else { ... } 여러 개의 조건 분기를 생성할 때 사용한다. if문이 거짓이라면 다음 .. 2022. 1. 20.
[2주차] JavaScript의 연산자 1월 20일 자 학습 내용 정리입니다. ✅ 산술 연산자 산술 연산자는 두 개 이상의 값을 피연산자로 받아 하나의 값을 반환한다. 표준 산술 연산자는 더하기(+), 빼기(-), 곱하기(*), 나누기(/)가 있으며 JS는 표준 산술 연산자 외에도 나머지(%), 거듭제곱(**) 등을 제공한다. 숫자에 적용 var a = 10, b = 2; console.log(a+b); console.log(a-b); console.log(a*b); console.log(a/b); console.log(a%b); console.log(a**b); // output // 12 // 8 // 20 // 5 // 0 // 100 기본적으로 숫자에 산술 연산자를 사용한 경우 해당 연산자로 계산한 값이 반환된다. 사칙연산(+, -, .. 2022. 1. 20.
Web Speech API - SpeechSynthesis ✅ 설명 Web Speech API는 음성 데이터를 웹에서 사용할 수 있게 한다. Web Speech API는 두 가지 종류로 나뉘는데 이는 텍스트를 음성으로 변환하는 SpeechSynthesis와 비동기적으로 음성을 인식하는 SpeechRecognition이다. SpeechRecognition(음성 인식)은 일반적인 장치의 오디오 입력에서 음성 컨텍스트를 인식하고 적절하게 응답하는 기능을 제공한다. 일반적으로 음성이 입력될 때 여러 이벤트를 처리할 수 있는 개체를 만든다. SpeechSynthesis(음성 합성)는 음성 서비스를 위한 컨트롤러 인터페이스이다. SpeechSynthesis는 텍스트를 알맞은 음성으로 대치시키고 해당 음성을 들리게 하거나 멈출 수 있다. 정리하자면 SpeechSynthesi.. 2022. 1. 19.
[2주차] Math 1월 18일 자 학습 내용 + 개인 공부 정리입니다. ✅ Math.E 자연로그의 밑 값 e를 나타내며 약 2.718의 값을 가진다. Math.E ✅ Math.PI 원의 둘레와 지름의 비율을 뜻하며 약 3.14159의 값을 가진다. Math.PI ✅ Math.abs() 주어진 숫자의 절대값을 반환한다. Math.abs(x) ✅ Math.sqrt() 주어진 숫자의 제곱근을 반환한다. Math.sqrt(x) ✅ Math.cbrt() 주어진 숫자의 세제곱근을 반환한다. Math.cbrt(x) ✅ Math.exp() x를 인수로 하는 e^x 값을 반환한다. 이때 e는 오일러 상수이며 자연 로그의 밑이다. Math.exp(x) ✅ Math.ceil() 주어진 숫자보다 크거나 같은 숫자 중 가장 작은 숫자를 반환한다.. 2022. 1. 18.
[2주차] Array 타입의 프로퍼티와 메서드 1월 18일 자 학습 내용 + 개인 공부 정리입니다. ✅ Array.prototype.concat() 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다. array.concat([value1[, value2[, ...[, valueN]]]]) value1, ... , valueN : 추가할 배열. 생략시 기존 배열의 얕은 복사본 반환. ✅ Array.prototype.copyWithin() 배열의 일부를 얕게 복사한 뒤 동일한 배열의 다른 위치에 덮어쓰고 그 배열을 반환. 배열의 길이는 이전과 동일하다. arr.copyWithin(target[, start[, end]]) target : 복사한 값을 넣을 위치. 음수를 지정하면 배열의 끝에서부터 인덱스를 계산. start : 옵션. .. 2022. 1. 18.
[2주차] String 타입의 프로퍼티와 메서드 1월 18일 자 학습 내용 + 개인 공부 정리입니다. ✅ String.length const str = "aaa"; console.log(str.length); // output // 3 length 속성은 UTF-16 코드 유닛을 기준으로 문자열의 길이를 나타낸다. 빈 문자열의 경우 length는 0이다. ✅ String.prototype.charAt() 지정된 index에 해당하는 str의 요소를 문자열 형식으로 반환한다. str.charAt(index) index : 0과 str.length - 1 사이의 값. 해당하는 index의 값이 없을 경우 0으로 설정되어 str의 첫 번째 문자가 반환된다. ✅ String.prototype.charCodeAt() 주어진 index에 해당하는 문자의 UTF-.. 2022. 1. 18.
[2주차] JavaScript와 데이터 타입 1월 18일 자 학습 내용 정리입니다. ✅ JavaScript 리액트와 같은 라이브러리를 쓰지 않는 한 기본적인 웹의 구조는 HTML, CSS, JavaScript로 구성되어 있다. HTML은 웹 사이트의 구조를 만들고 CSS는 웹 사이트를 꾸며준다. 그리고 JavaScript는 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적 웹사이트를 제작할 때 사용한다. 정리하자면 JavaScript는 웹 사이트에서 사용자와 상호작용을 하기 위해 존재한다. HTML, CSS와는 달리 JavaScript는 변수 안에 값을 저장할 수 있고 문자열을 다룰 수 있으며 이벤트를 처리할 때 사용하기도 한다. 이러한 JavaScript라는 프로그래밍 언어는 IoT, 하이브리드 앱, 서버 개발 등 다양한 곳에서 사용된다.. 2022. 1. 18.
HTML 약어 구문 ✅ 중첩 연산자 Child > > 연산자를 이용해 부모-자식 관계를 만들 수 있다. li 태그가 존재하고 li 태그의 부모가 ul, ul 태그의 부모가 div라면 이 관계는 div>ul>li로 만들 수 있다. Sibling + + 연산자를 이용해 형제 자매 관계를 만들 수 있다. 즉, 동일한 수준의 요소를 만들 수 있다. div 태그와 p 태그 그리고 a 태그가 존재하는데 이 세 개의 태그가 형제 자매 관계라면 이 관계는 div+p+a로 만들 수 있다. Climb-up ^ ^ 연산자를 이용해 한 단계 위로 올라가 요소를 추가할 수 있다. 일반적으로 > 연산자를 이용하면 부모-자식 관계를 만들 수 있으며 깊이 단계가 늘어난다. 따라서 ^ 연산자를 이용하는 것은 부모의 형제를 만드는 것과 같다. 원하는 만큼.. 2022. 1. 17.
[1주차] git 원격 저장소 1월 15일 자 학습 내용 정리입니다. ✅ 원격 저장소 원격 저장소는 인터넷이나 네트워크 어딘가에 위치한 저장소를 말한다. 저장소는 여러 개가 존재할 수 있는데 어떤 저장소는 읽고 쓰기가 가능한 반면 다른 저장소는 읽기만 가능할 수도 있다. 이러한 원격 저장소를 통해 데이터를 올리고 받아옴으로써 다른 사람들과의 협업이 가능하다. github, gitlab과 같은 호스팅 서비스들이 원격 저장소에 해당한다. ✅ 원격 저장소 관련 git 명령어 git clone 원격 저장소를 받아오는 명령어이다. git clone 기존의 git repository를 복사한다. repository는 원격 저장소와 로컬 저장소가 존재하는데 git clone 명령어를 이용하여 원격 저장소에 있는 내용을 로컬 저장소로 가져올 수 있.. 2022. 1. 17.

티스토리툴바