on
[구름EDU] 코딩 입문 - 하다 보니 알게 되는 자바스크립트
[구름EDU] 코딩 입문 - 하다 보니 알게 되는 자바스크립트
[구름EDU] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 (By 월리)
https://edu.goorm.io/learn/lecture/24963/코딩-입문-하다-보니-알게-되는-자바스크립트/info
✓ 후기
HTML+CSS+자바스크립트 기초 문법까지 들어있는 책을 읽은 뒤 자바스크립트에 대한 두려움이 컸다.
기본적인 CSS도 쉽지 않았지만 어찌저찌 따라는 가고 있었는데
JS가 등장하며 함수, 이벤트, 객체 등 갈피 잡기 힘든 개념들의 연속이었기 때문이다.
웹 개발의 핵심이라는 이 자바스크립트가 과연 어떤 언어인지 당장 감을 잡고 싶었다.
그래서 선택한 이 강의는 정말 초보자 눈높이에 딱! 맞춘 강의였다.
웹 편집기도 아닌 구글 콘솔창에 따라 입력을 하며 진행되는데,
친근한 예시들을 써가며 어떤 원리로 작동되는 언어인지 아주 쉽게 설명해준다.
한 강의당 7-8분, 총 2시간 밖에 소요되지 않는 무료 강의라 아무런 부담도 없다.
자바스크립트의 첫 페이지를 넘겼는데 덜컥 겁이 난다면, 이 강의를 듣고 시작하는 것도 좋을 것 같다.
✓ 강의 메모
01. 함수 / 조건문
계산기 만들기 (배우는 것: 함수, 출력)
function 더하기(a, b) {
ㅤconsole.log(a + b)
}
체온계 만들기 (배우는 것: 조건문)
function 체온계(a) {
ㅤif(a < 34.0) {
ㅤㅤconsole.log(“저온”)
ㅤ}
ㅤif(34.0 < a && a < 37.0) {
ㅤㅤconsole.log(“정상”)
ㅤ}
ㅤif(37.0 < a) {
ㅤㅤconsole.log(“고온”)
ㅤ}
}
02. 반복문
구구단 만들기 (배우는 것: 반복문)
function 구구단(a) {
ㅤfor (let = i; i < 10; i++) {
ㅤㅤconsole.log(a * i)
ㅤ}
}
03. 변수 / 객체
명함 만들기 (배우는 것: 변수, 객체)
* 객체는 속성과 행위를 담고 있다.
let 명함 = {
ㅤ이름: "손당근",
ㅤ나이: 50,
ㅤ직업: "개발자",
ㅤ출력() {
ㅤㅤconsole.log("이름: " + this.이름)
ㅤㅤconsole.log("나이: " + this.나이)
ㅤ}
}
명함.출력()
=> 입력시 결과값이 제대로 나타남
* 이름이란 변수를 선언한 적이 없기 때문에, 명함이라는 객체 안의 속성인 이름에 접근하기 위해 this를 사용한다.
04. 배열
수산시장 만들기 (배우는 것: 배열)
for(let i = 0; i < 4; i++) {
ㅤ가격측정(광어들[i])
}
05. 배열 / 함수 심화
택배 상하차 하기 - 스택 (배우는 것: pop, push 함수 / 함수의 반환값 / 스택 자료구조)
let 택배들 = []
* push 함수
택배들.push(“아이패드”)
택배들.push(“햇반”)
택배들.push(“생수”)
택배들.push(“피아노”)
=> 여러 물건들을 택배들에 넣음
* pop 함수
택배들.pop()
=> 가장 마지막 원소(피아노)를 빼냄
* let 택배 = 택배들.pop()
=> 반환값(피아노)가 택배(변수)에 저장됨
공항 검색대 만들기 - 큐 (배우는 것: shift 함수 / 선입 선출 자료구조)
let 박스들 = [“박스1”, “박스2”]
* shift 함수
박스.shift()
=> 가장 첫 번째 원소를 빼냄
let 내_박스 = 박스들.shift()
=> 첫 번째로 빠진 값(박스1)이 역시 내_박스(변수)에 저장됨
06. 알고리즘
가장 큰 수 찾기(배우는 것: 사고력 / 배열의 길이 구하기)
function 가장큰수(숫자들) {
ㅤlet 숫자 = 0
ㅤfor(let i = 0; i < 숫자들.length; i++) {
ㅤㅤif (숫자 < 숫자들[i]) {
ㅤㅤㅤ숫자 = 숫자들[i]
ㅤㅤ}
ㅤ}
ㅤconsole.log(숫자)
}
* 배열의 길이를 뜻하는 length를 사용해 계산
let 숫자들 = [3, 4, 200, -10]
를 선언하고
가장큰수(숫자들)
를 불러내면 정확한 값이 나옴
모든 수의 합 (배우는 것: 사고력)
let 누적 = 0
for (let i = 0; i < 수.length; i++) {
ㅤ누적 = 누적 + 수[i]
}
console.log(누적)
07. 전직하기
프론트엔드 개발자 : HTML, CSS, JavaScript
프레임워크는 Svelt 추천
백엔드 개발자 : Node.js, 데이터베이스 (SQL)
from http://hyunsil-k.tistory.com/2 by ccl(A) rewrite - 2021-10-08 08:27:50