본문 바로가기

js14

"String " ( split, slice ) 1. split() string 객체를 여러개의 문자열로 나눌 수 있다 . const str = 'The quick brown fox jumps over the lazy dog.'; const words = str.split(' '); console.log(words[3]); // "fox 단어도 쪼갤 수 있다. let str = "abcdefg" let word = str.split('') console.log(word); //[ a, b, c, d, e, f, g ] 주의해야할 점은 split은 빈 문바열이 주어졌을 때 빈 문자열을 포함한 배열을 반환한다. const word = ""; const split = word.split(); console.log(split); // [" "]; 2.slic.. 2021. 2. 7.
Instagram 로그인버튼 색 바꾸기 🔔ID와PW 창 만들기 html에서 input테그를 사용하여 pw와 id를 창을 만들었다 🔔ID와 PW값을 받을때 버튼색 바꾸기 JS는 DOM을 이용하여 HTML에 접근할 수 있다. 처음 생각했던 로직은 [ ID와PW값을 받는다 -> 받았을때 button색은 바뀐다 ] 이런식의 단순한 로직만 생각했지만 내가 생각했던 것 보다 더욱 더 세밀하고 치밀한 구조로 로직을 세웠어야 했다 일단 id와pw, button을 dom객체로 접근하여 변수선언해주었다 그리고 로그인버튼색이 변화하려면 id와 pw값이 들어왔을때라는것을 생각하고 사용자가 키보드를 누르고 글자가 입력되고 키보드에서 손을 떼는 순간 (key up) 과 input창에 아이디와 비번을 입력할때 ( handleinput ) event가 일어난다 (addE.. 2021. 1. 24.
배열조작하기 (push,unshift,pop) 1. 요소추가하기 cities라는 변수에 빈 배열을 할당한 후 원하는 위치 마음대로 요소를 할당할 수 있다. let cities = []; cities[0] = "서울"; citiees[6] = "부산"; console.log(cities); 아무것도 할당하지 않는다면 undefined라고 출력된다. ["서울", undefined, undefined,undefined,undefined,undefined,"부산"] 만약에 수정하고 싶을땐 아래와 같이 배열의 인덱스에 접근하여 값을 할당할 수 있다 cities[0] = "경기도" ; console.log(cities); // ["경기도", undefined, undefined,undefined,undefined,undefined,"부산"] 2. push 와 .. 2021. 1. 24.
반복문 - for문 for문은 true 문장을 반복시킨다 조건식에 언제까지 반복할 것인지 알려주기만 하면 된다 위 조건은 5보다 작을떄까지 실행한다 (0, 1, 2, 3, 4, 5+1(증가값) -> run js에는 7로 찍힌다 2021. 1. 19.
객체(Object) 📌 객체 선언하기 ex) var name = { //변수 name이라는 객체이름에 firstName: 'yeon', // first 라는 property : yeon 이라는 property값 lastName: 'kim' }; 📌객체 접근하기 1. 접근하려는 객체명은 왼쪽, 프로퍼티명은 쌍따옴표와 대괄호 안에 작성한다. 2. 대괄호 안에는 변수가 들어갈 수 있다. ex1) let plan1 = { name: "Basic" }; console.log(plan1.name); /// (객체명.프로퍼티명); let plan1 = { name: "Basic" }; let propertyName = "name"; console.log(plan1[propertyName]); /// (객체명[프로퍼티의 변수명]); ex.. 2021. 1. 5.
공부하면서 궁금한점 끄적이는 페이지. 보호되어 있는 글 입니다. 2020. 12. 29.

티스토리툴바