코딩배우는사람

1. 배열의 요소의 맨앞에 원한는 요소 추가하기 let arr = [1, 2, 3, 4, 5] // 변수의 선언과 배열의 할당 arr.unshift(6) // 6 console.log(arr) // [6, 1, 2, 3, 4, 5] .unshift()사용법 변수명.unshift(넣고자 하는 값) // 이형태가 기본형입니다. 변수명.unshift() // 빈칸의 경우 배열의 index 갯수가 출력됩니다. 2. 배열의 요소의 맨앞을 삭제하기 let arrr = [6, 1, 2, 3, 4, 5] // 변수의 선언과 배열의 할당 arrr.shift() // 6 console.log(arrr) // [1, 2, 3, 4, 5] .shift()사용법 변수명.shift() // 빈배열의 경우 undefined가 출력..

1. shift 키와 방향키를 이용하여 이동시키고자 하는 줄을 드래그 한다. 2. drag된 줄을 Alt키와 함께 이동시키고자 하는 방향의 위 또는 아래 방향키를 눌러서 이동시킨다. 왼쪽 그림이 이동전 오른쪽 그림이 이동후의 모습입니다.

1. JSX는 JavaScript XML의 줄임말입니다. 2. JSX는 문자열도 아니고 html도 아닌 고유한 언어입니다. 3. JSX는 React에서 UI의 주요한 구성문법으로 쓰입니다. 4. JSX는 JavaScript의 확장된 문법입니다. 5. JSX는 JSX는 React에서 바로 적용되는것이 아니고 Babel을 통해서 적용이 됩니다. 6. JSX는 opening tag와 closing tag를 확실히 해주어야 합니다. 7. JSX는 css 관리시 class 가 아닌 className으로 설정해줘야 합니다. 그렇지 않으면 javascript로 인식합니다. 8. JSX의 사용중 javascript를 적용하고 싶으면 { }로 감싸주어야 합니다. 9. JSX는 조건부 렌더링시 삼항연산자를 사용하여야 합니..

터미널에서 열고자 하는 파일의 디렉토리 위치까지 이동후 code . 를 치게 되면 터미널로도 vscode를 실행시킬수 있습니다.

1. .map 간단 설명 자바스크립트에 내장되어 있는 .map 고차함수를 이용해서 쉽게 주어진 문제들을 해결 할 수 있습니다. .map의 기능을 설명하자면 매핑(mapping)을 하는 용도로 사용되는것입니다. 매핑이란 (mapping) 한자로 사상(寫像)이라고도 합니다. 사상 또는 매핑을 간단하게 설명하자면 주어진 값을 특정 조건에 따라 상을 변환 시키는것을 매핑이라고 할 수 있습니다. 쉽게 말하자면 기존의 개체에 특정 조건으로 변화를 주어 대칭시켜 값을 내놓는것이라고 볼 수 있습니다. 형태를 완전히 다른 형태로 변형 시키는것이 아닌 input 에서 .map 함수를 거치게 되면 input이 변형이 되어 output이 되는 것입니다. 2. 사용법 let arr = [1,2,3] let mappingPrac..

let str = 'string' .slice()의사용법 1. 얕은 복사 하기 str.slice() // 얕은 복사 2. .slice() 가로안에 숫자 2개를 넣어서 쓰기 순번 0 1 2 3 4 5 문자열 s t r i n g str.slice(2, 4) 을 사용한다고 하면 순번 2번 부터 4 - 1 순번까지 해당되는 부위를 출력해줍니다. 결과물은 "ri" 3 .slice() 가로안에 숫자 하나만 넣어서 쓰기 순번 0 1 2 3 4 5 문자열 s t r i n g str.slice(3) 을 사용한다고 하면 순번 0번 에서 부터 3 - 1 순번 까지 해당되는 부위를 제외한 나머지 문자열이 출렵됩니다. 결과물 은 "ing" 4. .slice() 주의 점 .slice() 에서 숫자 2개를 넣을때는 뒤에 숫자는..

1. 스페이스 1번 띄어쓰기 위에 그대로 html 에 넣게 되면 스페이스 한칸분량만큼 간격을 주게됩니다. 2. 스페이스 2번 띄어쓰기 위에 그대로 html 에 넣게 되면 스페이스 두칸분량 만큼 간격을 주게됩니다. 3. 스페이스 4번 띄어쓰기 위에 그대로 html 에 넣게 되면 스페이스 네칸분량만큼 간격을 주게됩니다.

하나의 배열안의 내용물을 .join() 은 ()안의 조건으로 하나의 문자열로 만들어준다. 예제1 콘솔창에 아래를 입력하면 let arr = [1,2,3,4, 5] arr.join() // '1,2,3,4,5' 가 나온다. 예제1 분석 join이 적용되면 배열을 벗기고 안의 엘리먼트들을 문자열 처리를 하게 되고 join()에서 기본조건인 모든 입력값을 단하나의 문자열로 합쳐준다. 숫자의 형태라도 문자열로 바꿔주는걸 알 수 있다. arr 배열에서 숫자 5 앞에 공백을 넣어주었는데도 하나의 문자열로 바뀌면서 공백이 사라져버렸다. 예제2 let arr = ['1','2','3','4', '5'] arr.join() // '1,2,3,4,5'가 나온다. 예제2 분석 arr은 문자로된 숫자배열이고 이걸 기본 joi..