2022.11.07 TIL

동찌·2022년 11월 8일
0

내일배움단

목록 보기
7/56
post-custom-banner

오늘의 TIL

  • javascript
  • 변수
  • 데이터 타입
  • 연산자
  • 조건문
  • 반복문
  • 함수
  • 클래스와 객체
  • 배열

javascript

컴퓨터에게 명령하는 도구인 프로그래밍 언어


변수

let은 값을 재할당 할 수 있음
const는 값을 재할당 할 수 없음
최근에는 var를 사용하지 않음

// 변수이름을 선언했고 값을 할당했다.
let 변수이름 =const 변수이름 =

데이터 타입

숫자(Number), 문자열(String), Boolean, null, undefined 등이 있음

https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures


연산자

다양하게 많음 필요할 때 꺼내보기

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#%ED%95%A0%EB%8B%B9_%EC%97%B0%EC%82%B0%EC%9E%90

대입연산자, 증감연산자는 가까운 듯 먼 그대라서 따로 꺼내보기

http://www.tcpschool.com/javascript/js_operator_assignment


조건문

말 그대로 조건

//if(조건){
// 조건이 true일 때 실행 될 코드
//}else{
// 조건이 false일 때 실행 될 코드
//}
let age = 21

if( age < 20 ){
	console.log('미성년자입니다.')
}else{
	console.log('성인입니다.')
}

반복문

  • while
    조건문이 참일 때 실행되는 코드
    while (condition){
    	statement
    }
  • for
    세 개의 선택식과 실행 될 코드로 구성
 for(변수 선언; 조건; 매 반복 후 평가할 식으로 주로 변수를 증감하거나 바꿀 때 씀){
 	조건이 참일 때 실행될 코드
 }
  • for...of
    반복 가능한 객체에 대해 반복
    파이썬 for in이랑 비슷한 것 같다. 하지만 파이썬 반복문은 이미 까먹었기 때문에 지운다
let array = [1,2,3,4,5]
for(const element of array){
	console.log(element)
}

//output
1
2
3
4
5

함수

반복되는 특정 작업을 수행할 때 저장해놓고 꺼내쓰기 위한 용도(?)

function 함수이름(매개변수){
	명령
}

클래스와 객체

  • 클래스
    클래스는 처음 봤다.
    생성자와 매서드를 정의할 수 있다.
class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  method(){
  	this.height + this.width
  }
}

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes

  • 객체 리터럴
    맨날 사용하던 것이 이거다.
    뭔지도 모르고 그냥 썼었다.
    ✋ JSON과 동일하지 않음(JSON은 오직 "property": value 구문을 사용해 정의한 프로퍼티만 허용합니다. 프로퍼티명에는 반드시 큰따옴표를 사용해야 하며 약식으로 정의할 수 없습니다.)
const 변수이름 = {
  key : value,
  method : function(){
  	실행할 코드
  }
}

배열

리스트임
배열안에 배열이 들어갈 수도 있고, 배열안에 객체가 들어갈 수도 있음

let array = ['사과', '배', '딸기']

주로 반복문과 짝꿍임

let fruits = ['사과', '배', '딸기']
for (let i = 0; i < fruits.length; i++){
	console.log(fruits[i])
}

for (const fruit of fruits){
	console.log(fruit)
}


그전에 명확하게 이해하지 못한채로 사용했던 것들에 대해서 제대로 알게 되었고(완전히 이해한 것은 아니지만 그래도 발전함) 뭔가 사용하기 전에 검색해서 MDN을 읽어보는 것이 좋겠다는 생각이 들었다.
뭔지도 모르고 사용하는 것보다 알고 사용하는 것이 내가 할 수 있는 작업의 범위를 넓혀줄 것 같다.

post-custom-banner

2개의 댓글

comment-user-thumbnail
2022년 11월 8일

발전했다 라고 스스로 자평할수 있는게 가장 중요한 것 같습니다
MDN 읽어보시는것도 너무 굿...!

1개의 답글