공부 내용 정리

자바스크립트로 코딩 시작해보기!

blockchoin 2025. 5. 12. 17:50

1. 자바스크립트란?

웹 브라우저에서 동작하는 프로그래밍 언어로, 웹 페이지에 동적인 기능을 추가해주는 언어입니다.

 

2. 자바스크립트의 기본 문법

 

(1) 변수 선언 

두 가지만 외우면 됩니다. 대부분의 상황에서 let , 절대 바뀌지 않는 고정된 값을 쓰는 특수한 경우의 const

변하지 않는 가격은 const, 변하는 할인율은 let

(2) 함수 선언

function 함수이름 (매개변수){함수 동작}

이런 구조로 이루어져 있습니다. 여기서 매개변수는 외부에서 받아들이는 변수로 없으면 빈칸으로 작성해도 됩니다.

console.log("하고 싶은 말")은 콘솔창에 원하는 문자를 출력하는 기능입니다.

 

다만, 함수를 작동시켜서 특정 값을 함수 외부로 내보내고 싶다면 꼭 return을 써야 합니다. return 하는 동시에 함수의 실행은 멈추는 주의 해주세요. (그래서 보통 return이 맨 마지막 동작입니다.)

이런식으로 할인가격을 계산하여 밖으로 그 값을 배출할때 사용한다.

 

(3) 수학 연산

간단한 사칙연산은 전부 구현되어있습니다. 다만 한 가지 다른 점이 % 는 나눗셈이 아니라 나머지를 구하는 계산입니다. 나누기를 해 몫을 구하고 싶으면, / 를 사용해 주면 됩니다.

밑은 let a= 17; let b=5; 기준입니다.

let 옆에 있는 것은 이해를 돕기위해 임의로 정한 변수 명일 뿐입니다.

 

(4) 논리 연산

조금 어려운 부분입니다만, 차분히 읽어보시면 이해할수 있을 겁니다! 

 

and : 둘다 참이어야 -> 참이 됩니다.

or : 둘 중 하나라도 참이면 -> 참이 됩니다. 

not : 참과 거짓을 반대로 합니다.  

 

let a= true; let b=false; 기준입니다.

 

(5) 문자열 관리 

살짝 심화 과정으로 문자열 관리 알려드리겠습니다.

str이라는 이름을 가진 문자열에 다양한 작업을 할 수 있습니다.

주의할 점은, slice 부분에 있는 숫자입니다!

이 숫자들은 인덱스로, 문자열의 순서(주소)를 나타냅니다!

 

가장 핵심적인 부분은 이 인덱스는 항상 0부터 시작한다는 것입니다!! 

 

 

영어나 국어시간에 문법 배워보셨겠지만, 코딩도 결국 언어입니다! 

그렇기 때문에 문법이 제일 재미없고 어렵죠...

 

하지만, 전부 외울 필요는 없습니다! 

 

이런 문법이 있다고 이해하고, 나중에 필요할 때 찾아볼 수 만 있으면 됩니다!

그렇게 찾다 보면, 어느새 하나하나 자연스럽게 암기해 가는 자신을 볼 수 있을 겁니다~ 

'공부 내용 정리' 카테고리의 다른 글

Set 이란?  (0) 2025.05.14
자바스크립트 입력받기 (터미널)  (2) 2025.05.13
JAVA스크립트 없이, "맨 위로 가는 버튼" 만들기  (0) 2025.05.09
HTML에 구글 지도 추가하는 법  (0) 2025.05.08
웹 3.0이란?  (1) 2025.04.30