본문 바로가기
내마음대로만들어보자/HTML

앱 개발종합반 1주차 (자바스크립트)

by 소농민! 2021. 4. 28.
728x90

사실 자바스크립트라는것에 대해 혼자 독학을 해보겠다고 굳은 의지를 가지고 책을 산적이 있다.

하지만........ 책에는 굉장히 많은 내용들을 담고 있었고 처음보는 문법이다보니 이해도 되지않아 번번히 진도를 나가지고 못하고

흥미를 잃어가고 있었다ㅠㅠㅠㅠㅠ

 

우선 스파르타에서 강의를 들으면서 좋은 점은 나같은 집중력 시간이 길지 않은 사람들에게 적격인것같다

핵심만 가르쳐주면서 따라하면서 반복학습으로 코딩과 친숙해질수 있는 시간을 준다는점 

 

다행히 이번 주차에서 기초문법까지는 다른 강의를 들으면서 반복된 학습이여서

그나마 이해가 조금 빨랐던것같다!

 

※ 자바스크립트 기초문법 정리

리스트(배열)

리스트에서 알고 있으면 좋은부분은 "b_list.push["헤이"] " 로 리스트에 요소를 넣을 수 있다는 점이다!

리스는 [] 로 선언 

딕셔너리 & 리스트

딕셔너리는 {} 로 선언, 

리스트&딕셔너리를 활용한다면 무수히 많은 Json 형태의 데이터도 순서를 표시하고 정보를 묶고 관리가 수월해질 것 같다. 처음배우는 부분이다보니 수시로 이런 내용들을 보면서 익숙해지는게 우선인것같다

 

※ JSON 형태 참고 자료 

<http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99>

 

→ JSON view 를 통해 조금더 눈에 보기 편하게 크롬에 추가도 가능 

<https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko>

 

 

- Javascript 기본 제공 함수 

1. 나눗셈의 나머지를 구하는경우 : a % b  

2.  모든 알파벳을 대문자로 바꾸고싶은경우 : toUpperCase()

3.  특정문자열을 나누고싶은경우 : myemail.split('@')[1].split('.')[0]  → naver 만 추출 가능 

4.  특정문자열로 합치는 경우 : names.join('>') 

 

- 함수

  1. 기본 생김새 

// 만들기

function 함수이름(필요한 변수들) {

            내릴 명령들을 순차적으로 작성

}

// 사용하기 함수이름(필요한 변수들);

 

기본 함수 예시

- 조건문 

  90보다 작으면 작고 , 크면 크다고 알료주는 함수 

  funtion adult(age) {

        if ( age > 20) {

           alert('성인입니다.') 

     }else {

            alert('미성년입니다.')   

   }

  } 

 

  adult(19) ;

 

※ 여기에서 조건문을 추가하려면 else if 로 무제한 추가 가능하다!!!

 

- AND조건과 OR조건 

 

- 반복문 

  * 0~ 999까지 출력해야하는 상황에서 사용 

 

반복문 예시 

실제로 간단한 리스트로 연습을 해보는거지만 ! DB내 저장되어 있는 정보들을 알고 있으면 

내가원하는 정보를 원하는 조건을 걸어서 출력하여 사용할 수 있을것같다

 

- Javascript 연습하기

1. 합을 구하는 함수 만들기

   

 

2.