[2주차 후기 내용]
1. 수업 목표
2. 느낀점
[수업 목표]
- Javascript의 사용방식에 대해 이해하고 문법에 익숙해진다
- JQuery로 HTML을 조작할 수 있다
- Fetch로 서버 API에 데이터를 주고, 결과를 받아온다
1) 자바스크립트란?
- 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다
- 모든 웹서버는 HTML+CSS+JavaScript로 이루어져 있다
- <head> ~ </head> 안에 <script> ~ </script> 로 공간을 만들어 작성한다
- Script 태그 안에 작성하는 것이다
- 직독하면 : (1)버튼을 클릭하면, (2)hey를 불러라! (3)alert(’안녕’)을 실행해라!
- 개발자들이 미리 찍어보는 도구가 console.log 이다
JaveScript 기초 문법
▶ 변수 & 기본 연산
- let 으로 변수를 선언
- 문자열은 ' 작은따옴표' 로 감싸준다
▶ 변수 & 기본 연산
- 컴퓨터는 0부터 진행하기 떄문에 첫 번째 값은 [0]으로 불러온다
- [ ]와 Key-Value, 이 두가지로 이뤄진 형태의 자료를 정~말 많이 쓴다! 이게 기초가 되는 문법이다
JQuery 란?
- HTML의 요소들을 조작, 편리하게 JaveScript를 미리 작성해둔 라이브러리!
- 코드가 복잡하고, 브라우저의 호환성 문제로 인해 Jquery라는 라이브러리 등장!!
▶ JQuery 연습
- $(’#아이디값’) 으로 어떤 html 태그를 바꿀 것인지 지정
- 지정했다면, 바꿔줄 명령어를 적어준다
- 리스트 형태의 코드를 적어서 변수 선언(q1)
- 딕셔너리 키 값을 불러내서 아이디 값으로 넣기(q2)
- 리스트에서 원하는 딕셔너리를 부르고, 키 값을 불러내서 넣기(q3)
- 반복문을 사용할 때는 변수.foreach(() =>{ }) 를 사용한다
- forEach 안에 'a'라고 적으면 'a' 안에 변수 리스트를 넣는다고 생각하면 된다
- 조건문은 C,C++ 처럼 if ~ else 문으로 사용한다
▶ JQuery - Append
- 백틱(``)은 HTML요소를 통째로 묶어주는 기호이다
- 백틱은 문자와 변수를 함께 써줄 수 있도록 하는 특수기호이다
- 태그 안에 들어갈 값은 ${} 로 표시하고, 그 안에는 자료가 있는 변수 기입
- 통째로 넣을 html 요소를 $('#아이디')로 설정하고 appnd(변수)를 넣어서 사용한다
[느낀점]
2주차는 1주차에 비해서 문법적인 영역과
JavaScript, JQuery 처럼 실제 웹프로그래밍에 사용하는 언어를 배울 수 있었다
하나의 페이지에만 쓰려고 했는데
양이 생각보다 많아져서 다음 부분은 강의를 들은 후에 적을 예정이다
기존에 사용했었던 Visual C++, MFC 와는 다른 느낌의 변수와 함수가
많아서 신기한 한편, 아직은 낯선 부분이 많은 거 같다
공부할 때 이외에도 시간 날때마다 복습을 하면서 내껄로 만들어야 할 거 같다
![](https://t1.daumcdn.net/keditor/emoticon/friends2/large/056.png)
반응형
'About Me > 회고' 카테고리의 다른 글
[내일배움단] 비개발자를 위한, 웹개발 종합반 2주차 후기 (2) (0) | 2023.02.18 |
---|---|
[내일배움단] 비개발자를 위한, 웹개발 종합반 1주차 후기 (0) | 2023.02.12 |
[스파르타 코딩클럽] 인생사진 쏙쏙 코딩네컷 (1) | 2023.02.05 |
댓글