[스파르타 코딩클럽] 웹개발 종합반 3일차

스파르타 코딩클럽 3일차 수업을 수강했다.

귀여운 캐릭터가 2주차 기간을 지나간다.

뒤에 있는 공룡은 '진도사우르스'라고 해서 이 공룡에 붙잡히지 않기 위해

얼른 진도를 빼서(?) 수강을 해야한다.

나는 내일배움카드를 활용해 이 수업을 듣고 있고,

11일 완주챌린지를 하고 있다.

 

오늘은 어제에 이어 자바스크립트를 배웠다.

지금까지 배운것중 자바스크립트가 제일 이해가 안가고 어려워서 수업을 들으면서도 집중하기 쉽지는 않았던것같다.

그래도 계속 메모장에 정리하며 진행했다.

 

자바스크립트

처음배우는 프로그래밍 언어로 브라우저가 알아들을 수 있는 언어라고 한다.

코드를 수려하게 짜는 것보다 동작하게 짜는것이 중요하며 또 깨끗하게 짜는 것이 중요하다.
(필요성에 의해 단계적으로 인식)

 

자바스크립트는 인터넷에서 
[오른버튼>검색>콘솔창]을 누르면 켜지는 '콘솔창'을 활용해 수업하였다.

새로고침하면 어차피 다 지워진다.

 

 

자바스크립트 기초문법

자바스크립트의 기초문법에는 변수 / 자료형 / 함수 / 조건문 / 반복문가 있다.

 

1. 변수

'' or "" 따옴표가 붙으면 문자열

let (변수) = 000 / 문자열은 따옴표 붙이기
변수는 남이 봐도 알아듣기 쉽게 짓는다
언더바도 사용해서

화살표 윗키를 누르면 아까 썻던것이 나옴

 

2. 자료형

자료형은 리스트와 딕셔너리가 있다.

1) 리스트
- 순서가 필요한 담기
- [ ]로 표시
(ex. let a_list = ['수박', '참외', '배'])
-> 0은 수박, 1은 참외, 2는 배
컴퓨터는 0부터 샘.


2) 딕셔너리
a_dict[''] = a_list

'생일'이라고 하면 
생일이라는 값에 대응하는 값을 물어보는것 

(ex.키:밸류)

★리스트&딕셔너리가 서로서로의 요소로 쓰임
좀 헷갈릴 수 있는데 타고타고 들어가는 연습 계속하면
괄호모양만 봐도 알것.


!=같지않다
==같다

나누는 것
하고자하는것.spilt('나누는 기준')

 

3. 함수
정해진 동작을 한다.
function 
시프트+엔터 누르면 줄이바뀜
return 끝나고 나를 변신시켜줘


4. 조건문
직관적.

if 만약
else 아니면
&& (and)그리고
|| (or)

5. 반복문
헷갈림
쭉 봤다.

 

---

그리고 1주차 마무리 과제가 있었다.

숙제는 기획서를보고 html만들기!

 

아래와 같이 힌트도 주셨다.

-홈워크폴더에 index.html폴더만들고
-부트스트랩 시작 템플릿으로 만들기
-이미지는 디브 혹은 이미지태구로
-글자 부분만 스팬태그
-수량부분은 드롭다운(부트스트랩에서 찾기)
-위드/마진오토/디스플레이블럭

 

---

2주차 강의

아직 8강이 끝나지 않아 숙제를 제출하니 다음 강의를 들을 수 있었다.

자바스크립트부분 나머지 설명을 이어서 해주셨다.

 

자바스크립트

바깥으로 해두면
함수 상관없이 스크립트 안에서 써먹을 수 있는 친구

함수안에서 선언했다면
그 박스는 함수 끝난 동시에 같이 끝난다

 

빨간줄을 에러는 아님. 중복으로 쓰지 말라는 표식

 

그리고 다음시간엔 제이쿼리를 배운다고 하고 3일차 강의가 끝난다.

---

느낀점 생각
벌써 HTML, CSS, 자바스크립트 이제 제이쿼리까지

막연하기만했던 개발들을 배우고 있는데, 약간 얼떨떨하다ㅎㅎ

 

오늘도 수업시간에 여러가지 이야기를 해주셨는데 
- 한번에 만들어내겠다는게 아니라 하나하나 만들어간다는 습관가지고 작업해라.

- 에러에 놀라지 말자. 얼른 보고 이해하면 된다.
- 규칙을 생각하기보다 '아 이건 이렇게 쓰는구나'하고 이해하면 된다.

이야기해주셨다.

1차 완강후 또 들을지는 모르겠지만 수업완료후 직접 개발할때 위에 말들을 위로삼으며 작업하려한다. 

 

그리고 3일차 수업을 들으며 느낀것은
- 영어 타자를 써야해서 영어에 익숙해져야함
- 타자를 빨리치며 따라가야하는데 동시에 하기에 어려워서
멈추고 따라하고 메모장에 정리하고 다시 영상보고 하는시간이 걸리는듯하다.
- 에러에 놀라지 말자. 얼른 보고 이해하면 된다.
- 규칙을 생각하기보다 '아 이건 이렇게 쓰는구나'하고 이해
- 어제는 실습을 많이 했는데 오늘은 개념공부하는 느낌이였음.
- 자바스크립트부분이 내겐 쉽지않아 집중력이 흐트러져 오늘은 좀 노력이 필요했다.

 

---

그리고 수업중간에 문득 HTML과 CSS의 약자가 궁금해서 하고 싶어서 검색했다

 

HTML : HyperText Mark-up Language의 약자로 하이퍼텍스트 기술용 언어를 뜻한다.
CSS : Cascading Style Sheets의 약자로 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트로

문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다.

 

CSS를 할때 <style< </style>안에 꾸밈 언어를 넣는데 말그대로 스타일시트였구나 싶었다.

 

오늘 수업을 하며 느낀건
영타를 쳐서 그런지 내가 오타를 많이 친다는거ㅎㅎ

수업을 하다가 선생님은 되는데 나는 안되서 내가 한것과 비교하면 보통은 오타다ㅠㅡㅠㅎㅎ

 

완주를 목표로 차근차근해봐야겠다!

11일차면 다 들을 수 있다하니 4/3은 왔다!

https://spartacodingclub.kr/?f_name=%EA%B9%80%EB%8B%A4%ED%96%A5&f_uid=612ed7d6a4f6a7acfb7d6211