js & ts 

1.1 평가와 일급 1.2 일급 함수 1.3 고차 함수 > 모든 코드는 html `` 에서 실습했습니다. 1.1평가와 일급 평가 : 코드가 계산 되어 값을 만드는 것 즉 ,어떤 코드가 평가 되어 값을 냄. 일급 값으로 다룰 수 있다. 변수에 담을 수 있다.

2.1 기존과 달라진 ES6 에서의 리스트 순회 2.2 Array, Set , Map 2.3 사용자 정의 2.4 전개 연산자 > 모든 코드는 `` 안에서 작성한 코드 입니다. 2.1 기존과 달라진 ES6 에서의 리스트 순회 리스트 순회는 상당히 중요하다. 리스트 순회가 ES6 가 되면서 많이 달라졌고 많은 발전을 이루었다. 2.2 Array, Se...

3.1 제너레이터와 이터레이터 3.2 odds 3.3 for...of, 전개 연산자, 구조분해, 나머지 연산자 > 모든 코드는 html `` 실습했습니다. 3.1 제너레이터와 이터레이터 제너레이터: 이터레이터이자 이터러블을 생성 하는 함수 정리 하자면 iterator 는 [Symbol.iterator] 를 갖고 있고, 이것의 실행 결과는 자기 자신이...

4.1 map 4.2 filter 4.3 reduce > 모든 코드는 html ``에서 실습 했습니다. 4.1 map 예제를 통해 배워 볼 수 있다. 4.2 filter filter는 특정 데이터만 갖고 올 수 있다. 예제를 통해 배워 볼 수 있다. 4.3 reduce 값을 축약해 나가는 함수. 예제를 들어 알아봅시다. ex1 은 우리...

5.1 go 5.2 pipe 5.3 go 함수를 이용해 좋은 코드 만들기 curry 함수 > 코드는 html `` 에서 실습 했습니다. 솔직히 이해가...ㅠㅠ 5.1 go 코드를 값으로 다루어 표현력 높이기. 첫번째 인자값을 받고, 두번째부터 함수를 받아 순차적으로 연산한다. ex) go 라는 함수 만들기. 5.2 pipe pipe 는 go ...

변수 var : 변수를 선언 추가로 동시에 초기값 let : 블록 범위(scope) 지역변수 선언 추가로 동시에 값 초기화 const : 블록 범위 읽기 전용 상수 선언 ~ var 는 함수 스코프를 가지므로 if문의 블록과 관계없이 접근 할 수 있다. 그러나 let, const는 블록 스코프를 가지므로 블록 밖에서는 변수에 접근 할 수 없다. let 과...

배열 내장 함수 정리해 보기. forEach 화살표 함수로 더 간단하게 map 기존 배열에 특정 조건을 달아서 새로운 배열을 만들때 쉽게 해주는 함수 기존 array 라는 배열에 x2 를 하는 경우. 객체로 이루어진 배열에서 뭔가를 얻을때 indexOf 내

charAt 을 이용한 실습charAt()지정한 인덱스의 문자를 추출한다. 즉, 지정한 위치의 문자를 추출하고 싶을때!!!css에서 id 값 list 의 button class (hide) 의 display none으로 설정해 놔야한다.js에서 element.class

includes > * 지정된 문자열의 포함 여부를 확인하고 싶을때. 입력폼의 부적절한 문자를 체크하고 싶을때 문자열.includes(검색대상문자열,[검색시작인덱스]) ex) substr(시작인덱스, 글자수) > * 위치와 글자 수를 지정한 문자열을 추출하고 싶을때

유저 정보가 담긴 배열에서 ID를 기준으로 정보를 가져오고 싶을때배열.find(콜백함수) : 콜백 함수 조건에 맞는 첫 요소( 첫요소 첫요소 첫요소)배열.findIndex(테스트함수) : 콜백 함수 조건에 맞는 첫 요소의 인덱스find로 입력한 아이디 값과 userDa

sort를 이용한 오름차순/ 내림차순 해보기.sort()는 비교 함수로 배열을 정렬한다. 비교 함수는 두 인수의 크기를 비교하여 정렬 순서를 결정한다.내림차순 버튼 누른후

filter 를 이용해서 20대 30대 40대 이상 조건을 갖은 버튼 만들어 보기.배열.filter(콜백함수): 콜백 함수 조건을 만족하는 데이터의 배열 생성. 예제로 배워보자20대 이상30대 이상 40대 이상