일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 웅진씽크빅
- kdt
- Next.js
- s3
- 미래내일일경험
- github
- DIGITALHANARO
- 디지털하나로입학식
- 디지털하나로
- 프론트엔드개발자양성과정
- udemy
- 깃허브 레포지토리와 로컬 코드 연결하기
- 백틱
- 유데미
- `
- 부트캠프
- 스나이퍼팩토리
- 맥북백틱입력
- 네이버로그인창만들기
- 배포
- 취준생
- 버전생성프로세스
- 프론트엔드배포
- 맥북백틱
- 디지털교육
- 디지털취업
- 하나은행
- 프로젝트캠프
- 개발자교육과정
- Today
- Total
Land of Joe
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명 뿐인데 각자의 코드를 처음부터 훑으면서 질문하고, (선생님으로부터) 질문 받고 하면 정말 시간이 빨리 간다.
'📚 Educations > ⏳ StageUs' 카테고리의 다른 글
23년 10월 19일 프로토콜, 데이터베이스 (3) | 2023.10.19 |
---|---|
23년 10월 12일 AWS EC2 이용한 웹서버 생성하기 (0) | 2023.10.12 |
23년 10월 05일 Javascript-2) CreateElement, list배열 (0) | 2023.10.05 |
23년 09월 14일 CSS (0) | 2023.09.14 |
23년 09월 07일 SEO, HTML (0) | 2023.09.09 |