23년 09월 28일 Javascript-1) 이벤트, 함수, 조건문, 반복문

저저번 주에 걸린 감기 때문에 저번주 수업은 못하고 이번주에야 3주차 수업을 했다. 

2주차 수업의 과제는 html과 css만을 이용한 유튜브 웹사이트 클론코딩이었는데 개선해야할 부분들이 참 많았지만

그것에 대한 리뷰는 새로운 글로 남기도록 하고..

[ JavaScript ] 

 

1. 자바스크립트: 이벤트를 달아주는 언어

ㄴ 이벤트: 유저의 행동에 따라 변화를 주는 로직

 

2. js의 특징

• html, css와 다르게 수학적인 로직 필요
• 에러, 버그 존재
• 최근 매우 각광받는 언어임

3. 디자인패턴

: 단순히 코드를 작성하는 방식 (문법, 기술 아님)

: 함수형 프로그래밍 방식, 객체형 프로그래밍 방식

함수를 위주로 사용(신흥) vs 객체를 위주로 사용(고전)

구글링 했을 때 class로 적혀있는 건 과감히 패스할 것

 

4. 함수

: 매개변수를 넣으면 return 값이 반환되는 코드

함수의 장점

: 중복코드를 제거해줌 (변경사항이 있을 때 함수만 바꾸면 된다는 유지보수성이 좋아짐)

: 가독성 증가 (코드내용을 다 보지 않고도 함수의 이름만 보고 기능 이해 가능)

: 에러와 버그 찾기의 용이성 증가 (에러나기 전까지의 코드는 모두 잘 돌아감 like 방화벽)

 

html이 js를 찾아가는 스타일이기 때문에 body 태그 맨 마지막 부분에 js 연결시켜줌

매개변수, return 다 있는 함수 // 매개변수만 있는 함수 중 뭘 쓸지는 개발하면서 알맞은 거 활용하기!!

매개변수만 있는 함수는 예를 들어 뭐 누르면 경고창 나오는 거

변수는 임시로 값을 저장하는 공간, RAM에 저장된다!!!

전역변수, 지역변수

지역변수가 메모리에서 사라지는 순간 == 함수의 중괄호가 끝나는 순간

메모리에서 이미 변수가 사라졌기 때문에!!

웹페이지를 켤 때부터 끄기 직전까지 전역변수는 항상 켜져있음!

전역변수를 쓰게 되면 필요하지 않은 시점까지도 RAM을 쓰면 비효율적임!!

RAM을 아끼기 위해서 !!

웬만하면 지역변수를 쓰고, 매번 사용되는 것만 전역변수로 사용하도록~~

자료형과 형변환

var number1 = 1

var number2= “1”

int → str : string(number1)

str → int : parseInt(number2)

Event

다름함수와의 구분을 위해 함수명에 ‘Event’라고 붙이는 걸 추천!!

input태그 안에 있는 값 가져오기: value

RAM에 저장되는 순간은 웹페이지가 켜지는 순간임

RAM에 저장되는 순간에 input값에 들어있는 건 비어있는 값임!!

그래서 지역변수로 설정하면 NaN이 도출되게 됨 (Not a Number)

조건문

묶어준 if 문의 확률이 100%가 넘어가면 안 됨!

반복문

while(조건){}

조건이 참이면 계속해서 돌린다

함수 변수 이벤트 등록, js에서 html 접근하는 거, 조건문, 반복문

 

---

3주차 수업 리뷰

>>

오늘 나간 자바스크립트 부분에선 딱히 어려울 게 없었다.

하루에 총 세시간 수업 중에 1시간은 지난시간 과제 리뷰에 할애하는데

나포함 팀원이 2명 뿐인데 각자의 코드를 처음부터 훑으면서 질문하고, (선생님으로부터) 질문 받고 하면 정말 시간이 빨리 간다.