Spring 사전캠프 Day 004 - [왕초보] 웹개발 2주차 완강

"양궁처럼 금메달을 걸어요, 우리!"

 

아무리 생각해도 대체 무슨 용기가 났을까? 겁도 없이 백엔드 공부에 뛰어들었다고 근황을 전하니 후배가 얘기했다.

 

"마침 10월 10일이니까 힘내 봐요, 우리!"

 

아무래도 기초 지식이 없다 보니 강의를 듣고 이해하는 데 다른 팀원보다 오래 걸린다고 느낀 터였다. 후배가 이런 마음을 어떻게 알고 포기하지 말라고 격려해 주었다. 후배 말대로 10점을, 더 나아가 엑스텐(X10)을 맞출 수 있으리라 믿는다.

 

[습관 관련]

오롯이 습관으로 굳히려면 며칠 더 걸리겠지만, 아침 기상이 전보다 쉬워졌다. 평소 집에서 10분 이상 운동했는데 사전캠프 기간에는 오후 6시까지 공부해야 했다. 즉, 오후 2시부터 오후 6시까지 많이 딴짓할수록 더 짧은 시간 안에 TIL을 작성하고 운동해야 했다. 여기에 잠들기 4시간 전부터 공복 상태로 있는 습관까지 더해지니, 주어진 시간 내내 자연스레 집중력이 최대로 올랐다.

 

[인용 및 참고 출처]

1. 강의: 스파르타코딩클럽, "[왕초보] 웹개발 종합반", 강의 소개, (2024.10.10)

2. 구글 검색: 티스토리, "자바스크립트 조건문 영어로", If statememt, (2024.10.10)

3. 구글 검색: 네이버, "자바스크립트 반복문 영어로", Loop statement, (2024.10.10)

 

[학습 관련]

1. 자바스크립트(Javascript) 기초 문법 [변수/자료형/조건문/반복문/함수]:

1-1) 변수란?: 값을 담아서 한 방에 관리하는 상자

변수는 방대한 정보를 원하는 대로 가공하도록 도와주는 고마운 존재였다. 설명 듣기 전 마주한 첫인상과 다르게 말이다.

 

1-2) 변수 관련 숙지 사항

ⓐ 문자열은 작은 따옴표('…')로 감싸기 ▶ 예시: '대한민국', 'name', 'height', '사과' 
ⓑ 프로그래밍 언어에서 등호(=)의 의미: 오른쪽에 있는 값을 왼쪽에 넣어줘!
ⓒ 컴퓨터는 0부터 센다! ▶ 첫 번째가 0, 두 번째가 1, 세 번째가 2
ⓓ <script></script> 안에 코드 입력
ⓔ 세미콜론(;) 붙이지 않아도 됨

 

2. 자바스크립트(Javascript) 기초 문법 [변수/자료형/조건문/반복문/함수]: 

2-1) 리스트 (List)

변수 이름은 직관적이어야 좋다고 해서 a 대신 fruits라고 적었다. console.log(변수 이름.length)는 리스트의 길이로, Console에서 4로 결과값이 나온 걸 확인할 수 있었다.

 

2-2) 딕셔너리 (Dictionary)

리스트 변수는 대괄호를 딕셔너리는 중괄호를 사용한다. 문제는 Console에서는 리스트이든 딕셔너리든 대괄호를 사용해서, 여기에 의문을 가지면 머리가 복잡해질 수 있겠다는 생각이 들었다. 문법을 공부할 때는 완벽한 이해를 어느 정도 내려놓아야 한다.

 

2-3) 리스트와 딕셔너리 조합

대괄호 안에 중괄호가 있는 모습을 보고 이렇게 생각했다. 변수를 순서대로 나열한 다음, 각 변수의 내용을 채워야 보기 좋으니, 리스트 안을 딕셔너리가 채운다고. 사전도 펼쳐보면 알파벳순으로 나열된 단어 안에 자세한 설명이 있듯이 말이다.

 

3. 자바스크립트(Javascript) 기초 문법 [변수/자료형/조건문/반복문/함수]: 

3-1) 조건문 (If statement)

소괄호에는 조건이 들어가며, if는 '조건에 맞는다면'을, else는 '조건에 맞지 않는다면'을 의미한다. age가 20보다 크면 '성인입니다', 그렇지 않다면 '청소년입니다'가 Console에 나오는데, 변수 age에 저장된 값이 24로 20보다 크기 때문에 '성인입니다'가 나왔다. 

 

3-2) 반복문 (Loop statement)

ⓐ 기본 형태

array는 변수 이름이며 다른 이름을 써도 상관없다. 기본 형태는 외울 필요 없이 forEach만 입력하면 자동으로 완성되었다.

 

ⓑ 활용 예시

zzz는 fruits 안에 있는 각 요소를 의미하므로 이름은 편하게 지으면 된다. fruits는 대괄호를 사용하므로 리스트 변수인데, 주제가 과일이기 때문에 변수 이름을 array 대신 fruits로 고쳤다. Console에는 각 요소가 차례대로 나왔다.

 

3-3) 조건문과 반복문 조합 

Console에서 ③은 '청소년입니다'라는 값이 세 번 연속으로 나왔다는 의미이다. 12, 15, 20이 모두 20보다 크지 않았기 때문에 ③이 나왔다. 마찬가지로 '성인입니다'라는 값이 37과 24에서 연달아 나왔기 때문에 Console 화면에 ②가 표시되었다.

 

[기타 사항]

손으로 공책에 적었지만, 눈으로 자주 읽어야 덜 헷갈리겠다 싶어서 힘들었으나 각 이미지를 캡처했다. 이미지 캡처 때문에라도 다시 VS CODE에 직접 코드를 입력하며 복습해서 오늘 TIL 작성이 시간이 더욱 값졌다. 내일 한 주짜리 강의를 모두 들으면 좋겠지만, 속도에 연연하지 않으련다. 할 수 있는 데까지 최선을 다해 배운 내용을 머릿속에 차곡차곡 저장한 다음, 주말이란 시간을 활용해도 충분하다. 토닥토닥 다독여 주고 싶을 만큼, 기초 문법을 끝까지 들은 오늘의 나 자신이 참 기특하다.