코드캠프 - 베이스캠프 2일차

베이스캠프 2일차

2일차에는 자바스크립트를 배웠다.
먼저 변수를 배웠는데 변수에는 var, let, const
var은 재선언과 재할당이 가능하다.
let은 재선언은 못하고 재할당이 가능하다.
const는 재선언과 재할당이 불가능하다.
실무에서는 let과 const를 많이 쓴다고 한다.
var은 많은 문제가 있기 때문에 사용을 잘안한다고 한다.
왜나하면 var로 변수를 만들었는데 나중에 몇천줄의 코드를 작성할때 까먹고 똑같은 변수를 재선언 하여 문제가 생길 수 있기 때문에 let을 사용한다
const는 주로 바뀌지 않는 값인 상수같은 값을 넣을때 사용한다.

배열

그 다음에는 배열을 배웠다.
배열은 여러 데이터를 배열에 담아서 한번에 변수에 대입할 수 있다.
배열의 index는 0부터 카운터하고 length는 1부터 카운터한다.
배열과 관련된 메소드는 아래와 같다.

array.length	배열의 길이
array[index]	배열의 값 꺼내기
array.push()	배열 맨 뒤에 값 추가
array.pop()	배열 맨 마지막 값 삭제
array.sort()	배열 요소 정렬
array.includes()	배열 데이터 확인 : 배열 안에 있는 데이터가 있는지 확인 시켜준다.
array.concat(array2)	배열 2개 연결
array.join()	배열을 문자로 만들기
array.slice()	배열분리
array.filter()	배열에서 원하는 요소 뽑기
array.map()	배열의 모든 요소 변경

이메일을 eggm****@gmail.com와 같이 마킹된 상태로 바꾸려면 아래와 방법이 있다.

Const email = “eggmun98@gmail.com”; // 변수를 선언한다.

email.includes(“@“) // includes로 골뱅이가 있는지 확인한다. // 출력값: true 

email.split(“@“) // split메소드를 이용하여 골뱅이 기준으로 문자열을 나눈다. // 출력값: [‘eggmun98’, ‘gmail.com’]

Let usermail = email.split(“@“)[0] // 유저네임에 eggmun98을 넣는다.
Let company = email.split(“@“[1] // 컴퍼니에 gmail.com을 넣는다.

Let masking mail = [] // 메일을 넣어줄 배열을 미리 만들어 준다.

maskingmail.push(usermail[0]) // maskingmail 변수에 유저네임의 첫번째 문자인 e을 넣어준다.
maskingmail.push(usermail[1]) // maskingmail 변수에 유저네임의 두번째 문자인 g을 넣어준다.
maskingmail.push(usermail[2]) // maskingmail 변수에 유저네임의 세번째 문자인 g을 넣어준다.
maskingmail.push(usermail[3]) // maskingmail 변수에 유저네임의 네번째 문자인 m을 넣어준다.

maskingmail.push(*) // maskingmail에 * 4개를 넣어준다(5~8자리)
maskingmail.push(*)   
maskingmail.push(*)   
maskingmail.push(*)   

Masking mail.join(“”) // join메소드는 매개변수 값을 섞어서 여러 문자를 하나의 문자열로 만들어 준다. 그래서 !를 매개변수로 넣게 되면 'e!g!g!m!*!*!*!*' 이렇게 출력된다. 그러므로 ""를 매개변수로 넣으면 'eggm****' 이렇게 하나의 문자열로 만들 수 있다.

Masking mail.join(“”) + “@“ + company // 모두 합쳐준다.

Let result = Masking mail.join(“”) + “@“ + company // 출력값: eggm****@gmail.com

객체

배열 다음에는 객체를 배웠다.
배열에 여러 성질의 데이터를 넣으면 알아보기가 힘들다.
ex) 전화번호, 이름, 키, 몸무게, 주소지 이렇게 한번에 넣으면 알아보기가 힘들다.
그래서 객체를 이용하여 어떤 종류의 데이터인지 알 수 있다.

const profile { 전화번호 : 010-1234-5678 
				이름 : "벨로그",
                키 : 170,
                몸무게 : 70,
                주소지 : "서울시"
                }

위에가 객체를 쓰는 방법이다.
왼쪽이 키이고 오른쪽이 키값이다.
문자값은 ""붙여주고 상수값은 ""안붙인다.
profile.전화번호 // 출력값: 010-1234-5678
또 수많은 객체를 배열에 한번에 넣을 수 있다.

const family = [
{호칭 : "아빠", 나이 : 50, 직업: 사업가 },
{호칭 : "엄마", 나이 : 46, 직업: 간호사 },
{호칭 : "아들", 나이 : 20, 직업: 학생 }
]
// 이렇게 여러 객체를 한 배열에 한번에 넣을 수 있다.
famliy[0].호칭 // 출력값: 아빠
famliy.length // 출력값: 3