JavaScript 일지

https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 

자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 ?

'use strict'

 

https://velog.io/@bigbrothershin/JavaScript-%EC%A0%91%EA%B7%BC%EC%9E%90-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0-getter-setter

JavaScript - 접근자 프로퍼티 (getter, setter)

 

 

https://bigtop.tistory.com/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D%20%EC%9D%B4%EC%95%BC%EA%B8%B0/JavaScript%20%EA%B3%B5%EB%B6%80

'프로그래밍 이야기/JavaScript 공부' 카테고리의 글 목록

자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6)

 

1. Literals and properties

Object={key:value}

2. Computed properties 계산된 properties

key는 항상 string타입이어야 된다 ellie['name']

function printValue(obj,key){

console.log(obj[key]);

}

printValue(ellie,'name')

3. Property value shorthand

Object를 생성하는 함수들은 대문자로 시작

4. Constructor function

this.name=name

5. in operator: property existence check (key in obj)

6. for..in vs for..of

console.clear();

7. Fun cloning

const user4=Object.assign({},user); 복제

 

자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 )

자료구조

배열의 포인터 index

1. Declaration 선언

2. Index position

3. Looping over an array

a. for

b. for of

c. forEach

4. Addition, deletion, copy

push

pop

unshift 앞 추가
shift 앞 삭제

splice(인덱스번호,갯수) 인덱스 부터 갯수 만큼 삭제

splice(1,1,'사과','수박'); 인덱스 부터 갯수 만큼 삭제하고 '사과','수박' 추가

concat

5. Searching

indexOf

includes

lastIndexOf

 

자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)

 

1. make a string out of an array

join

2. make an array out of a string

split

3. make this array look like this

reverse 배열자체를 변화시킴

4. make new array without the first two elements

참고 splice 어디서 부터 몇 개 지운다 삭제된 요소 return

slice 새로운 배열

5. find a student with the score 90

find(function(student,index){

6. make an array of enrolled students

filter(function(student)=>student.enrolled

7. make an array containing only the students/' scores

map((student)=>student.score);

8. check if there is a student with the score lower than 50

some((student)=>student.score<50);

every((student)=>student.score<50);

9. compute students' average score

reduce((prev,curr)=>{ 

10. make a string containing all the score

students

.map((student)=>student.score)

.filter(score=>score>=50)

.join();

students

.map

.sort((a,b)=>a-b)

.join();

 

자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트엔드 개발자 입문편 (JavaScript ES6)

1. Object to JSON

stringify(obj)

parse(json)

 

JSON Diff 상이 비교

JSON Beautifier 포맷

JSON Parser

JSON Validator

 

자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 ? JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6)

setTimeout - browser API

콜백지옥

1. Producer

const promise = new Promise((resolve,reject)=>{

2. Consumers

promise

.then

.catch

.finally

3. Promise chaining

.then

.then

.then

4. Error Handling

.then

.catch

.then

.then

5. Callback Hell

 

자바스크립트 12. 프로미스 개념부터 활용까지 JavaScript Promise | 프론트엔드 개발자 입문편 (JavaScript ES6)

https://www.youtube.com/watch?v=3Ao3OroqQLQ 

자바스크립트 13. 비동기의 꽃 JavaScript async 와 await 그리고 유용한 Promise APIs | 프론트엔드 개발자 입문편 (JavaScript ES6)

1. async

자동으로 promise로 바꿔 인식

2. await

3. useful Promise APIs

Promise.all

Promise.rase

 

https://www.youtube.com/watch?v=P0FY8k916e0&list=PLZKTXPmaJk8JDicsOyY2cTcwXmBa-ZceI 

배열

https://www.youtube.com/watch?v=fObxuGqdONE&list=PL-qMANrofLyvzqz2yYzNectJnYo5ZifE7&index=5 

fruits.slice(1,3);//원본유지, 1번째부터 3번째 이전

fruits.splice(1,3);//원본손상, 1번째부터 3번째까지

 

자바스크립트로 텍스트 변경하기

https://avada.tistory.com/342

javascript로 텍스트 변경하기 (자체 정리용)

document.getElementsByTagName("h2")[2].innerHTML;