내일배움캠프 시작한지 이틀이 지났다. 원래 기존 목표는 오늘까지 강의를 모두 완강하고 내 부족한 점을 캐치하고 수요일까지 부족한 부분을 채우자... 라는 계획을 세웠으나 4주차 중반까지 듣고 생각을 살짝 고쳐서 다시 1주차 부터 복습을 시작했다 ^.^,,, 기초 부분은 쉽게 넘어갈 수 있을줄 알았는데 오만과 편견인걸 깨달았다.
다시 복습
<head> : body를 제외한 필요한 모든 태그들이 들어가 있음! CSS나 JS도 포함
<body> : 밑에 내 눈에 보이는 부분
class : '지칭'할 수 있도록 명찰을 달아주는 느낌, '중첩'이 가능하여 여러개의 명찰을 달 수 있다.
text-align : 글자 정렬
border-radius : 모서리가 둥근 정도
여백은 '안쪽' 여백과 '바깥쪽' 여백 두 종류가 있음. padding : 안쪽으로 여백 / margin : 바깥으로 여백
Javascript : 브라우저가 알아들을 수 있는 프로그래밍 언어. <head> 태그 안에 <script>JS작성</script> 로 사용.
onclick="함수" : 클릭을 하면 함수를 실행
JS변수 : 값을 담는다고 생각하면 됨. ex) let a = 2 a에 2를 담는 느낌 / let my_name = 'harim' 처럼 문자열도 ok
JS자료형 : 리스트 : 순서가 중요한 담기! ex) let a_list = ['기차', '버스', '자전거']
딕셔너리 : key와 대응되는 value(값)이 있음. ex) let a_dict = {'name':'harim','age':28}
split : 자료를 쪼개는 역할 let my_email = "kigkfla@gmai.com" 으로 변수를 만든 후
my_email.split('@) << @를 기준으로 분리하겠다는 뜻 -> ["kigkfla","gmail.com"] 으로 쪼개진다
JS함수 : 정해진 동작을 수행하는 역할
**JS반복문**
for (let i = 0; i < 10 i++) {
console.log(i)
}
기본적인 예시는 위와 같으며, i = 0이고, i < 10 ( i의 값이 10보다 작을때) i++ (i의 값이 1씩 증가)
console.log(i)는 i의 값을 콘솔에 출력하라는 의미. i의 값은 0에서 10보다 작을때까지 1씩 증가하면서 반복되기 때문에
위 문장은 0 부터 9까지 출력된다.
** 리스트와 함께 사용할 때 **
let people = ['철수', '영희', '민수', '동준', '수영', '기철']
people.length
for ( let i = 0; i < people.length; i++) {
console.people(i)
}
people 이라는 변수에 리스트를 대입 people.length 는 people 리스트의 길이를 알아냄. 6명이 들어가 있기 때문에
people.length 의 값 = 6 i = 0이고, i 가 people.length (6) 보다 작을때 i++ 로 i의 값이 1씩 증가하면서 반복.
철수 = 0 영희 = 1 민수 = 2 동준 = 3 수영 = 4 기철 = 5 이기 때문에 다시 말해 리스트를 한 바퀴 도는 것과 동일하다.
JQuery : 미리 작성된 자바스크립트! 똑똑한 전문가들이 미리 만들어논 자바스크립트 코드를 가져와서 사용하기 때문에,
JQuery를 사용하기 전에는 꼭! *임포트를 미리 해야 함!*
그래도 한번 눈으로라도 봐서 그런지 조금이나마 이해는 더 잘되는 느낌이다 ^^....
오늘 목표는 최소 3회차까지 한번 더 보는것! 화이팅이다 :)
2021-09-14
'스파르타코딩클럽' 카테고리의 다른 글
내일배움캠프 1주차 회고 (WIL) (0) | 2021.09.20 |
---|---|
내일배움캠프 6일차 기록 (0) | 2021.09.18 |
내일배움캠프 5일차 기록 (0) | 2021.09.17 |
내일배움캠프 4회차 기록 (0) | 2021.09.16 |
내일배움캠프 1일차 기록 (0) | 2021.09.13 |