Javascript 기초 문법 | 스파르타 코딩클럽 강의노트

Javascript 기초 문법 | 스파르타 코딩클럽 강의노트 |웹개발 2주차 | 개발일지

일지 코멘트

 Javascript 기초 문법은 강의 1주차 막바지에 나온 거지만

2주차 강의와 연결해서 정리 해봄.

---

참고 정보: 웹페이지 개발자도구 consol

++크롬 개발자도구 콘솔탭 이용해서 자바스크립트 테스트 마음껏  가능 (새로고침하면 테스트내용 사라짐)

이용경로; 크롭 웹 페이지 > 마우스 우클릭 > 검사 > consol 탭 

ㄴ단축키 (윈도우:F12 / 맥: alt + command + i )

 

---

자바스크립트 기초문법  / (1)변수, (2)자료형 (3)함수 (4)조건문 (5)반복문

(1) 변수 선언하기 : let

*나만의 해설;

컴퓨터에게 말하기 "이제 a는 2야."

"a 랑 3이랑 더해봐"

 

frist_name 은 jane 이고, / last_name은 Kim 이야.

frist_name + last_name 불러와

 

- 문자열에는 ' ' 작은따옴표 사용하기 

-변수명을 정할 때는 남이 봐도 알아보기 쉽도록 정하기

 

(2) 자료형

2-1) a_list

*순서가 생기는 게 포인트!

나만의 해설; 

이제부터 [수박, 참외, 배]라는 데이터는 a라는 리스트야.

a 리스트에 0번째 데이터 뭐지? : '수박'

a 리스트에 1번째 데이터 뭐지? : '참외'

a 리스트 뭐였지? : (3개 요소가 있고) ['수박','참외,'배']

 

+ 선언된 list에 요소를 추가하려면:  .push()

2-2) a_dict

*dictionary 의 줄임/ 어떤 키 값에 대해 필드별 값(valu)으로 이루어진 정보의 묶음.. ex. 이름: Bob, 나이: 27

 

(3) 함수 function

불러내면 정해진 동작을 한다.

function 함수이름(필요한 변수들) {
	내일 명령들을 순차적으로 작성
}

 

예를들어, 버튼 클릭 시 알럿을 띄우도록 명령할 때 함수 쓰임

<script>
   function  hey () {
       alert('안녕!!')
   }
</script>

*이때 버튼에는 onclick="hey()" 정의가 되어 있다.

>> 버튼이 클릭되면(hey()) 함수 실행 >> '안녕!!'이라는 알럿을 띄워라

 

(4) 조건문 if, else

let count = 1;

function  hey () {
   if (count % 2 ==0){
       alert('짝수입니다!')
   } else {
       alert('홀수입니다!')
   }
   count += 1;

 

>>>>

카운트는 1 이야 부터 시작.

hey()를 불러,

hey()를 부른 카운트를 2로 나누었을때 0과 같으면 <짝수입니다>라는 알럿을 띄워.

2로 나누었을때 0과 같지 않으면 <홀수입니다>라는 알럿을 띄워

그리고 카운트를 1씩 늘려

(함수반복)

 

(5) 반복문 for

동일한 조건으로 반복해서 많은 양의 데이터를 추출할 때도 간단한 반복문으로 데이터를 불러낼 수 있다.

i가 0이고, 10보다 작을때 까지 i를 하나씩 높힌 i 값을 추출하라..

 

+반복문을 리스트와 조합해서 사용할 때;

.length로 people이라고 선언된 리스트의 길이, 개수?를 뽑을 수 있음.

리스트로 선언될 때 길이는 6개이고, 리스트의 요소들은 people = [0,1,2,3,4,5] 순서가 정해짐

>> 리스트 people의 요소 i들을 리스트 길이 6 전까지 순서를 하나씩 높여가면서 불러와라.