개발로드 2-3. 프론트앤드 기본 지식(JavaScript)

자바스크립트 사전 : https://opentutorials.org/course/50/37

String - 생활코딩

---

□ 수의 연산

- Math.

• Math.pow(x,y); : 제곱
• Math.round(x,y); : 반올림
• Math.ceil(x,y); : 올림
• Math.floor(x,y); : 내림
• Math.sqrt(x); : 제곱근
• Math.random(); : 1보다 작은 임의의 숫자

---

□ 문자형식확인

- typeof x

• typeof 1 → number
• typeof "1" → string

---

□ 변수의 선언

JavaScript에서 변수는 var로 시작한다.

var은 변수를 선언하겠다는 것을 의미한다.

var을 생략 할수도 있지만 이것은 유효범위라는 것에 영향을 미친다.

그렇기 때문에 var의 의미를 명확하게 이해하기 전까지는 var를 사용하는 것이 권장된다.

변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다.

 

---

□ 연산자

- 대입 연산자(=) : ex) a = 1 → 변수 a 에 1을 '대입' 한다.

- 동등 연산자(==) : ex) 1 == 1, 1 == "1" → 데이터 타입에 상관없이 실질적 의미가 같으면 (true 반환)

- 일치 연산자(===) : ex) 1 === "1" → 좌항과 우항을 데이터 타입까지 확인하여 비교한다.(false 반환)

---

□ 조건문

- if(조건식){  } : 조건식이 true면 {  } 안 실행

- prompt : 웹 브라우저 환경에서 사용자로부터 입력을 받을 수 있는 대화 상자를 생성하는 함수

---

□ 반복문

- while문

 

- for문

• break : 반복문 종료
  

  

• continue : 해당 순간 정지 후 재개
  

  

  결과에 5만 제외됨

---

□ 함수

- 함수의 선언 :

• function 함수명() {실행 명령어}
• 함수명 = function() {실행 명령어}

- 함수 실행 : 함수명();

---

□ 배열

- 배열의 선언

• var a = [ 'a', 'b', 'c']

- 배열 내장함수

• push : 하나 이상의 요소를 배열의 끝에 추가하고 배열의 새로운 길이를 반환, 원배열 변경발생
• concat : 기존 배열에 새로운 배열이나 값을 합쳐서 새로운 배열을 반환, 원배열 유지
• unshift : 시작 부분에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환, 원배열 변경발생
• splice : 배열의 특정 구간을 추출하거나, 특정 구간에 배열을 추가함
  → array.splice(index, howmnay, element1, ...., elementN);
  index 부터, howmany갯수 만큼 삭제 시키고 element들을 추가
  

  

• shift : 배열의 맨 처음을 삭제
• pop : 배열의 맨 마지막을 삭제
• sort : 정렬
• reverse : 역정렬

---

□ 모듈

• 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다.
• 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다.
• 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다.
• 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다.
• 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약 할 수 있다. (브라우저에서만 해당)

함수 welcome이 매우 복잡한 코드라 가정하면 매우 효율적이 된다.

위와 같이 src="greeting.js" 이 모듈화 같은 것 이다.

 

---

□ 정규표현식

- 정규표현식 리터럴

 → var pattern = /a/

- 정규표현식 객체 생성자

 → var pattern = new RegExp('a');

- 정규표현식 메소드 실행

• RegExp.exec() : 추출
• RegExp.test() : 테스트
• 옵션
  
  • i :대소문자를 구분하지 않는다.
    

    

  • g : 검색된 모든 결과를 리턴한다.
    

    

• 캡쳐
  

  

• 치환
  

  

  
  
  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

출처 : 생활코딩 유튜브 : https://www.youtube.com/@coohde

생활코딩