[포스코x코딩온] 웹 풀스택 과정 1주차 회고 javascript

어제 이어서 오늘도 자바스크립트 수업을 했다. 어렵다고 느껴왔던 반복문은 여전히 헷갈리긴 했지만 선생님이 꾸준히 반복하면 괜찮을 거라고 하셨다. 하핫

 

 

 

 

 

사용자로부터 데이터 입력받는 함수 prompt

 

prompt로 입력받은 값은 모두 문자형! (숫자 변환 필요시 형변환 필요)

 

 

만약 prompt로 받은 값이 홀수인지 짝수 판별하려면?

먼저 prompt를 변수에 담고

숫자로 형변환 후 if문 or 삼항연산자로 조건주면됨

 

 

 

 

 

for문

 

for ( 초기값; 조건식; 증감값 ){
     // 조건식의 결과가 참인 경우 반복할 코드
}

*
초기값 : 어디서부터 시작할건지
조건식 : 어디서부터 어디까지 (조건이 안맞으면 for문 종료)
증감값 : 얼마나 증감

 

 

 

 

 

for문 활용

 

✔ 1부터 10까지 더하기

for문 밖에 합계를 담을 변수 상자를 만들어줘야 한다.

(for문 안에 만들면 밖으로 안꺼내짐)

 

 

 

✔ 구구단 만들기

2~9, 1~9가 반복되어야 하므로 중첩 for문을 사용

 

 

 

✔ 1~100 정수 중 2 또는 3의 배수의 합계

for문 밖에 합계를 담을 변수 상자를 만들고

2 또는 3으로 나눈 나머지 값이 0인 조건을 줌

 

 

 

 

 

while문

 

while ( 조건식 ) {
         // 조건식이 참인 경우 반복할 코드
}

* 
while(true) : 무한루프를 의미 (break 구문 필수)
for문과 다르게 초기값이 없어서 밖에서 줘야함

for문보다 while문이 더 어렵게 느껴진다 ^_ㅠ

 

 

 

 

 

while문 활용

 

✔ 10 이하의 2의 배수

while문 밖에 초기값을 만들고 10이하의 수까지 반복문을 돌리게 만든 후

if문을 사용해 i를 2로 나눴을때 나머지 값이 0인 조건을 준다.

 

 

 

✔ 10 이하의 3의 배수 (다른 방법)

 

 

 

✔ 3단 구하기

 

 

 

✔ UP and DOWN 게임

1부터 10까지 랜덤값이 주어지고

사용자가 prompt 창에 입력한 값 === 랜덤값인 경우 성공창 + 반복문 종료

입력한값이 'q'이거나 '포기'인 경우 포기창 + 반복문 종료

입력한 값 > 랜덤값 일 경우 DOWN 창

입력한 값 < 랜덤 값 일 경우 UP 창

이게 맞는 풀이인지 모르겠지만 우선은 풀었다. 다음주 월요일에 풀이해주시면 확인해야됨

 

 

 

 

 

배열

 

[ ], new Array( )를 이용해서 생성

 

 

 

✔ 배열에서 요소 추출 하기

 

 

 

 

 

배열 메서드

 

변수명.length : 배열 길이
변수명.push(추가할 값) : 배열 맨끝에 추가
변수명.pop( ) : 배열 맨끝 요소 삭제
변수명.unshift(추가할 값) : 배열 맨앞에 추가
변수명.shift( ) : 배열 맨앞 요소 삭제
변수명.indexOf(찾을 값) : 찾을 요소의 인덱스 값

 

 

 

 

 

객체

 

서버, 클라이언트(웹브라우저) 데이터 주고받을때 많이 사용

 

 

 

✔ 객체에서 key, value 값 추출하기 

 

 

 

 

 

Date 객체

 

매순간 바뀌는 시간, 날짜 정보 얻을수있음

년도, 월(0부터 시작해서 +1 해줘야됨), 날짜, 요일 등등..