JS (Java Script) 80

JS 배열, forEach, map, filter, find

배열은 나열한다 라고 생각하면 된다. 그래서 언제나 index 를 가지고 있다. 배열에서는 0번째 부터 시작인 점을 유의하장 또 기억할 점은 length 라는 기능이 배열과 함께 많이 쓰인다** (for 문과 배열은 짝궁 짝짝궁~~!!) 1. 기본 배열 생성하기 let fruits = ["사과", "배", "귤"]; 2. 크기를 지정해서 배열 생성하기 let number = new Array(5); console.log(number); 결과값은 [ ] 3. 배열에서 요소에 접근하기 console.log(fruits[0]); console.log(fruits[1]); console.log(fruits[2]); 결과값은 사과 배 귤 배열의 메소드 1. push : 어떤 배열에 또다른 요소를 넣고 싶을 때 사..

JS (Java Script) 2023.05.25

JS 객체

객체 지난 글에 올렸다 싶이 객체는 key - value pair 로 되어 있어서, 하나의 변수에 여러개의 값을 넣을 수 있다. key - value pair 타입을 이용해서 value 값에 문자, 숫자 뿐만 아니라, boolean , 함수, 배열, 또다른 객체 또한 값으로 올 수 있다. 크게 제한이 없다고 생각하면 외우기 쉬울 꺼 같다. 1. 기본적인 객체 생성 방법 let person = { name: "빌리", age : 2, gender : "여자" }; 2. 생성자 함수를 이용한 객체 생성 방법 function person( name, age, gender ) { this.name = name; this.age = age; this.gender = gender; } let person1 = ne..

JS (Java Script) 2023.05.25

JS 조건문의 중첩 / 조건부실행 ( && ) / 삼항 연산자와 단축평가 ( || )

만약 성인여성, 성인남성, 미성년 여성, 미성년 남성 이런식으로 구분을 하는 코드를 만든다고 생각해 보자. 일단 변수 설정 먼저 해야겟지?? let age = 20; let gender = "여성"; if (age > 19 ) { if (gender === "여성") { console.log("성인 여성 입니다."); } else { console.log("성인 남성 입니다."); } } else { if (gender === "여성") { console.log("미성년 여성 입니다."); } else { console.log("미성년 남성 입니다."); } } 이런식으로 쓰면 된다. 이게 바로 if 문의 중첩!! 그런데 사실 이런식으로 많이쓰는 것은 좋은 방법은 아니다. 꼭 필요할 때에는 써야겟지만, ..

JS (Java Script) 2023.05.24

JS 조건문 (if / else / switch)

조건문에는 뭐가 있을까?? if, else if, esle, switch 크게 이렇게 4가지를 살펴보자. if문 let x = 10; if ( 조건(true 혹은 false 가 들어갈 수 있는 조건) ) { 메인 로직부분 console.log("x는 양수입니다."); } 이런식으로 그렇다면 한번 응용문제😃 let y = "hello world"; 여기서 만약 y의 길이가 5보다 크거나 같으면 길이를 console.log로 출력해보자. if (y.length >= 5 ) { console.log(y.length); } 요렇게 하면 됨 ㅋㅋ if - else 문 let x = 10; if (x >0) { //main logic #1 console.log("x는 양수 입니다."); }else { //main ..

JS (Java Script) 2023.05.24

JS 연산자

1. 더하기 + 더하기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 문자열로 된다. 2. 빼기 - 빼기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 숫자로 된다. 3. 곱하기 * 곱하기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 숫자로 된다. 4. 나누기 / 나누기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 숫자로 된다. 5. 나머지 연산자 % 나누고 그 남은 값을 내보낸다. console.log(5 % 2); --->1 6. 할당연산자 1) = (등호연산자) let x = 10; 요게 등호 연산자! 2) += (더하기 등호 연산자) let x = 10; x += 5;

JS (Java Script) 2023.05.23

JS 형변환

java script의 데이터 형태를 바꾼다는 건데 명시적 형 변환, 암시적 형 변환이 있다 암시적 형 변환 (의도하지 않았지만 자동으로 바뀐다) 1. 문자열 (+ 연산자로 만났을 때에 어떤것도 문자열로 암시적 형변환 일어남) let a = 1 + "2"; console.log(a); console.log(typeof a); -->12 -->string 여기서 2 대신에 boolean값인 true를 집어넣어도 동일하게 string 타입으로 형변환 됨. 2. 숫자( - * / 연산자와 함께했을때 언제나 숫자 데이터 타입으로 암시적 형변환 일어남) let a = 1 - "2"; console.log(a); console.log(typeof a); --> -1 --> number ----------------..

JS (Java Script) 2023.05.23

JS 변수, 데이터 타입

js에서는 터미널에 출력해보려면, node 파일명 이렇게 쓰고 엔터 하면 됨. 변수 왜써??? -->> 메모리에 저장하고 다시 그것을 읽어들여서 재사용 하기 위해서 !! 그렇다면 변수참조 란?? --->> 변수에 할당된 값을 읽어오는 것!! let a = 1; let b = 2; let c = a +b; 이렇게 지금 c 에서 a, b를 읽어오잖아?? 요게 바로 변수 참조!! 변수 값 --> 변수에 저장된 값 변수 할당 --> 변수에 값을 저장하는 행위 변수를 선언할 수 있는 3가지의 방법(feat.뭐가달라?) 변수의 종류 재할당 가능? 다시 선언 가능? var O O let O X const X(Olny one) X let, const가 있기 전에는 실제로 var 를 써서 변수를 선언해야만 했습니다. 하..

JS (Java Script) 2023.05.23

JS(java script) 역사와 특징

자바스크립트 역사 1995년에 탄생!! (동갑 ㅋㅋ) 넷스케이프 커뮤니케이션 에서 만들어짐. 원래 이름은 livescript 이때 당시 java라는 언어의 인기가 많았었는데, 1도 관련이 없는데도 이름 바꿧다 라고 재밋게 기억 ㅋㅋㅋ 자바스크립트 왜 생김?? 브라우저에 동작하기 위한 언어를 만들면서 생김. 그래서 이걸 통해서 동적인 엑션들을 만들어 낼 수 있다. 2005년도 ajax 가 등장함. 95년도 만들어진 언어는 기술이 조금 부족했는데. 이게 나오면서 많은 사람들이 js를 사용하게됨 원래는 동작하려면 모든 것들이 새로고침을 해야함. 근데 이게 나오면서 바뀌는 부분만 새로고침을 할수 있게 됨 이로 인해 폭팔적인 ux 향상. user experience (사용자 경험)의 약자. 2008년에 v8 엔진..

JS (Java Script) 2023.05.23