2020/12/29 - [TIL(today I learned)] - 2020-12-29 TIL

 

Function Scope

function scope 기능 범위 ... 

펑션이 정의된 범위와 평선밖에 코딩된 코드들을 구분할 수 있고 어떻게 실행되는지 알아야 한다.

 

Block Scope

 

 

 

Lexical Scope

nested 된 function들은 부모 function의 내용을 승계받을 수 있다.

 

Function Expressions

function도 변수를 정의하는것처럼 정의할 수 있다.

 

 

코딩 연습 44: Function Expression Exercise

 

 

Higher Order Functions

 

 

Returning Functions

factory function

 

 

Defining Methods

 

 

코딩 연습 45: Methods Exercise

 

'TIL(today I learned)' 카테고리의 다른 글

2020-12-29 TIL  (0) 2020.12.29
2020-12-24 TIL  (0) 2020.12.24
2020-12-20 TIL  (0) 2020.12.24
2020-12-15 TIL  (0) 2020.12.15
2020-12-14 TIL  (0) 2020.12.14

섹션 21:Leveling Up Our Functions

Crucial! Important Nice to Have
Function Scope Returning Functions  
Block Scope The Keyword "this"  
Lexical Scope Adding Methods To Objects  
Function Expressions    
Higher Order Functions    

 


 

'TIL(today I learned)' 카테고리의 다른 글

2021-01-02 TIL  (0) 2021.01.03
2020-12-24 TIL  (0) 2020.12.24
2020-12-20 TIL  (0) 2020.12.24
2020-12-15 TIL  (0) 2020.12.15
2020-12-14 TIL  (0) 2020.12.14

The Return Keyword

 

 

 

 

코딩 연습 38: Return Value Practice

 

 

코딩 연습 39: isShortsWeather Function

 

 

코딩 연습 40: Last Element Exercise

 

코딩 연습 41: Capitalize Exercise

 

코딩 연습 42: Sum Array Exercise

 

코딩 연습 43: Days Of The Week Exercise

'TIL(today I learned)' 카테고리의 다른 글

2021-01-02 TIL  (0) 2021.01.03
2020-12-29 TIL  (0) 2020.12.29
2020-12-20 TIL  (0) 2020.12.24
2020-12-15 TIL  (0) 2020.12.15
2020-12-14 TIL  (0) 2020.12.14

섹션 20:NEW: Introducing Functions

Crucial! Important Nice To Have
Defining Functions    
Working With Arguments    
Function Return Values    
Function Exercises    

 Intro to Functions

 

 

Our Very First Function

 

코딩 연습 35: Heart Function Exercise

 

 

Arguments Intro

 

 

 

코딩 연습 36: Rant Exercise

 

 

 

Functions With Multiple Arguments

 

 

코딩 연습 37: Multiple Args Exercise

 

 

 

 

 

'TIL(today I learned)' 카테고리의 다른 글

2020-12-29 TIL  (0) 2020.12.29
2020-12-24 TIL  (0) 2020.12.24
2020-12-15 TIL  (0) 2020.12.15
2020-12-14 TIL  (0) 2020.12.14
2020-11-24 TIL  (0) 2020.11.24

2020/11/23 - [TIL(today I learned)] - 2020-11-23 TIL

2020/11/24 - [TIL(today I learned)] - 2020-11-24 TIL

2020/12/14 - [TIL(today I learned)] - 2020-12-14 TIL

 

 

Writing a Guessing Game

let attempts = 1;

 

 

 

The Lovely For...Of Loop

 

 

 

 

 

코딩 연습 34: For...Of Practice

 

 

Iterating Over Objects

 

Todo List Project Intro

프롬프트를 통한 todo리스트 작성과 삭제

 

Todo List Project CodeAlong

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todo List</title>
</head>

<body>
    <h1>Todo List</h1>

    <ul>
        <li>"new" - Add A Todo</li>
        <li>"list" - List All Todos</li>
        <li>"delete" - Remove Specific Todo</li>
        <li>"quit" - Quit App</li>
    </ul>
    <script src="todos.js"></script>
</body>

</html>
let input = prompt('what would you like to do?');
const todos = ['Collect Chicken Eggs', 'Clean Litter Box'];
while (input !== 'quit' && input !== 'q') {
    if (input === 'list') {
        console.log('*****************')
        for (let i = 0; i < todos.length; i++) {
            console.log(`${i}: ${todos[i]}`);
        }
        console.log('*****************')
    } else if (input === 'new') {
        const newTodo = prompt('Ok, what is the new todo?');
        todos.push(newTodo);
        console.log(`${newTodo} added to the list!`)
    } else if (input === 'delete') {
        const index = parseInt(prompt('Ok, enter an index to delete:'));
        if (!Number.isNaN(index)) {
            const deleted = todos.splice(index, 1);
            console.log(`Ok, deleted ${deleted[0]}`);
        } else {
            console.log('Unknown index')
        }
    }
    input = prompt('what would you like to do?')
}
console.log('OK QUIT THE APP!')

'TIL(today I learned)' 카테고리의 다른 글

2020-12-24 TIL  (0) 2020.12.24
2020-12-20 TIL  (0) 2020.12.24
2020-12-14 TIL  (0) 2020.12.14
2020-11-24 TIL  (0) 2020.11.24
2020-11-23 TIL  (0) 2020.11.23

2020/11/23 - [TIL(today I learned)] - 2020-11-23 TIL

2020/11/24 - [TIL(today I learned)] - 2020-11-24 TIL

 

 

Nested Loops

 

 

 

Another Loop: The While Loop

 

 

 

The Break Keyword

 

 

 

 

 

'TIL(today I learned)' 카테고리의 다른 글

2020-12-20 TIL  (0) 2020.12.24
2020-12-15 TIL  (0) 2020.12.15
2020-11-24 TIL  (0) 2020.11.24
2020-11-23 TIL  (0) 2020.11.23
2020-11-22 TIL  (0) 2020.11.22

2020/11/23 - [TIL(today I learned)] - 2020-11-23 TIL

 

2020-11-23 TIL

Repeating Stuff With Loops Crucial! Important Nice to Have For Loops Nested Loops Iterating Objects While Loops The Break Keyword For... Of Loop Iterating Arrays Intro to For Loops 코딩 연습 31: Ou..

pgsb.tistory.com

The Perils Of Infinite Loops :(

무한으로 반복되는 loop 

이건 코딩상의 문제임..

이렇게 될경우 모든 메모리를 쓰면서 모든 작업들이 멈추므로 이런 무한히 지속되는 루프는 지양해야한다.

 

 

 

 Looping Over Arrays

 

 

 

코딩 연습 33: Iterating Arrays Exercise

'TIL(today I learned)' 카테고리의 다른 글

2020-12-15 TIL  (0) 2020.12.15
2020-12-14 TIL  (0) 2020.12.14
2020-11-23 TIL  (0) 2020.11.23
2020-11-22 TIL  (0) 2020.11.22
2020-11-21 TIL  (0) 2020.11.21

Repeating Stuff With Loops

Crucial! Important Nice to Have
For Loops Nested Loops Iterating Objects
While Loops    
The Break Keyword    
For... Of Loop    
Iterating Arrays    

Intro to For Loops

 

 

 

코딩 연습 31: Our First For Loop Practice

 

 

 

More For Loops Examples

 

 

코딩 연습 32: More For Loops Practice

 

 

'TIL(today I learned)' 카테고리의 다른 글

2020-12-14 TIL  (0) 2020.12.14
2020-11-24 TIL  (0) 2020.11.24
2020-11-22 TIL  (0) 2020.11.22
2020-11-21 TIL  (0) 2020.11.21
2020-11-16 TIL  (0) 2020.11.16

섹션 18:JavaScript Object Literals

Crucial! Important Nice To Have
Creating and Working With Object Literals    
Nesting Arrays and Objects    

Introducing Object Literals

 

 

 

Creating Object Literals

object는 순서(order)를 따르지 않는다.

그냥 라벨이 있고 값이 있을뿐.

cruly brace(중괄호)를 쓴다.

 

 

코딩 연습 29: Our First Object Exercise

 

 

 

Accessing Data Out Of Objects

object를 create하는건 curly brace로 하지만 

억세스 하는건 두가지 방법이 있다.

1. square brace

2. dot syntex

전자는 다이나믹하게 접근할수 있지만 후자는 키값을 정확히 입력해야 값에 접근할수 있다.

다이나믹하게 라는건 무엇이냐하면 좀 더 유동성있게 접근할 수 있다는 것

유동성있게 접근한다는거는 가령 이런거다

코드처럼 키값을 입력하면 일단 그 square bracket 안에 있는것부터 먼저 연산을 하고나서 접근하기 때문에 dot syntex처럼 키값을 정확하게 딱 맞춰서 입력하지 않아도 된다. 좀더 유동성있게 키값을 입력할 수 있다는것.

 

 

 

 

코딩 연습 30: Object Access Exercise

 

key값은 string으로 저장된다. -> 그래서 중괄호 안에 키 값을 입력할때는 인용구(quote)를 입력해야 한다.

 

 

Modifying Objects

object도 array처럼 안에 내용물을 더하거나 수정할 수 있다. 

다만 다른점은 키값이 있다는점? 

 

Nesting Arrays & Objects

레딧의 실례

'TIL(today I learned)' 카테고리의 다른 글

2020-11-24 TIL  (0) 2020.11.24
2020-11-23 TIL  (0) 2020.11.23
2020-11-21 TIL  (0) 2020.11.21
2020-11-16 TIL  (0) 2020.11.16
2020-11-14&15 TIL  (0) 2020.11.15

2020/11/16 - [TIL(today I learned)] - 2020-11-16 TIL

Slice & Splice

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

 

Array.prototype.slice()

The slice() method returns a shallow copy of a portion of an array into a new array object selected from start to end (end not included) where start and end represent the index of items in that array. The original array will not be modified.

developer.mozilla.org

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

 

Array.prototype.splice()

The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in place.

developer.mozilla.org

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

 

Array.prototype.sort()

The sort() method sorts the elements of an array in place and returns the sorted array. The default sort order is ascending, built upon converting the elements into strings, then comparing their sequences of UTF-16 code units values.

developer.mozilla.org

sort는 그냥 쓰게 되면 앞자리로만 오름차순으로 나열한다. 그래서 따로 오름차순을 제대로 하는 방법이 잇는데 그건 mdn참고..

 

그외에도 다른 funtion들이 있는데 나중에 ...

 

Reference Types & Equality Testing

array는 content가 같다고 같은 array가 아니다.

array가 저장되어 있는 위치가 같아야 같은 array라고 친다.

그걸 확인하기 위한 equlity test

저장공간이 같은 위치에 있어야 같은것. 

그래서 array를 reference type이라고 하는것 같다. (참조하는 링크가 같다는 의미?)

 

 

Arrays + Const

const는 fix된 변수 지정에 가깝다.

그래서 string을 const로 지정할때는 아무것도 바꿀수 없다.

그러나 array는 const로 지정하면 내용물에 대한 변경이 가능하다.

그것에 대한 이유는 array를 const한다는건 array의 address, reference를 고정하는것(fixed)하는것이기 때문이다.

그러니까 array의 위치(address), array의 형(shell) 자체를 fix한다는 의미임. 

물론 array를 다시 재정의(re-assignment)하는것은 reference를 바꾼다는 의미니까 그건 불가능함.

 

 

Multi-Dimensional Arrays

 

array안에 컨텐츠에 array를 넣을 수 있다.

->응용 : tic tac toe

 

코딩 연습 28: Nested Arrays Exercise

'TIL(today I learned)' 카테고리의 다른 글

2020-11-23 TIL  (0) 2020.11.23
2020-11-22 TIL  (0) 2020.11.22
2020-11-16 TIL  (0) 2020.11.16
2020-11-14&15 TIL  (0) 2020.11.15
2020-11-12 TIL  (0) 2020.11.12

+ Recent posts