학습일지 (23.02.20.월)

FAST FOX·2023년 2월 20일
0

학습일지

목록 보기
6/39
post-thumbnail
post-custom-banner

코드의 기초

프로그램 : 컴퓨터를 특정 방식으로 작동시킬 수 있는 코드의 모음
프로세스 : 프로그램을 실행하면 프로세스(브라우저도 하나의 프로세스다.)
REPL : Read-Evaluate-Print loop , 읽고,평가하고,출력을 반복하는 가장 간단한 개발 환경입니다.

기계어 : 0,1로 이루어진 컴퓨터가 이해할 수 있는 언어
프로그래밍 언어 : 사람이 다룰 수 있게 일정한 문법과 의미를 지닌 언어를 뜻한다. JS도 프로그래밍 언어 중 하나이다.
주석처리 : // or /**/

Glossary :
값 : 하나의 고유한 의미를 가지는 코드. JS엔진이 하나의 값으로 읽고 평가할 수 있어야한다.
표현식(expression) : 값으로 평가될 수 있는 코드
연산자 (operator) : 특정 연산을 수행할 수 있는 코드.


Type

  • 숫자에 .length()를 사용하면 SyntexError가 뜬다.
  • toFixed() : 숫자에 소수점을 없애고 정수열만 보여준다.

Number

내장 객체

  • Math.floor() : 숫자를 내림하여 반환합니다.
  • Maht.ceil() : 숫자를 올림하여 반환합니다.
  • Math.round() : 숫자를 반올림하여 반환합니다.
  • Math.abs() : 숫자의 절대값을 반환합니다.
  • Math.sqrt() : 숫자의 루트값을 반환합니다
  • Math.pow() : 첫 번째 숫자를 밑, 두 번째 숫자를 지수인 숫자를 반환합니다.
  • Math.max(side1, side2, side3) : 입력값 중에서 가장 큰 값을 골라낸다.

String

*백틱(``)으로 만든 문자열은 줄바꿈도 가능하다.

Method

  • .concat() : 문자열 연결 연산자 +처럼 문자열을 이어붙일 수 있습니다.
  • .indexOf() : 만약 찾는 문자가 2개 이상일 경우, 가장 앞에 있는 문자의 인덱스를 조회한다. 포함되어 있지 않으면 -1을 반환한다

Boolean

falsy 값

  • false
  • 0
  • -0
  • 0n
  • ""
  • ''
  • null
  • undefined
  • NaN(Not a Number) : 잘못된 입력으로 인해 계산을 할 수 없음을 나타내는 기호이다. NaN의 타인은 number이다

비교연산자(comparison operator)

  • 엄격한 동치 연산자( === ,!== ) :값과 탑입을 모두 따진다.
  • 느슨한 동치 연산자 ( ==, !=) : 대체로 타입이 달라도 값이 같으면 true, 다르면 false를 반환합니다.
    현대 웹 개발에서는 사용을 권장하지 않습니다.

변수

네이밍 규칙

  • 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어 (_), 달러 기호($)를 포함할 수 있다.
  • 숫자로 시작하는 것은 허용하지 않는다.
  • 이미 프로그래밍 언어에서 사용되고 있거나 사용될 예약어는 사용할 수 없다.

네이밍 컨벤션

  1. camelCase
  2. snake_case : 언더스코어를 사용
  3. PascalCase : 단어 시작을 대문자로 시작

추가내용

  • .splice()는 배열에서만 사용이 가능하고 문자열에서 일정범위를 교체하는 용도로 사용된다.
const months = ['Jan', 'March', 'April', 'June'];

months.splice(4, 1, 'May');
// Replaces 1 element at index 4
console.log(months);
// Expected output: Array ["Jan", "Feb", "March", "April", "May"]
  • .slice() : .splice()와 다르게 교체기능은 없고 단순히 잘라내기만 하는 역할이다.
    ( 문자열의 일부를 잘라내는 기능이 필요하다면 .slice()로 가능하다. )
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2, 4));
// Expected output: Array ["camel", "duck"]

console.log(animals.slice(-2));
// Expected output: Array ["duck", "elephant"]

console.log(animals.slice(2, -1));
// Expected output: Array ["camel", "duck"]

Tip. 만약에 기존의 값에서 잘라낸 값을 사용하고 싶다면 .slice()를 사용하고, 잘라낸 값은 버리고 기존의 값을 그대로 가져가고 싶다면 .splice()를 사용하면 된다.

profile
준비하는 개발자
post-custom-banner

0개의 댓글