기주 기주

JS object와 JSON 차이점) 기본적으로 JS object와 JSON은 형태가 유사하다 **서버와 클라이언트가 데이터를 주고받을때는 JSON을 이용한다 JS object : 데이터 구조 JSON : 객체의 내용을 기술하기위한 텍스트 "파일". 그래서 .JSON이라는 확장자가 존재. const str=`{"data":[{"name":"yongseong","info":["student","27"]}]}`; const object = {data:[{name:'yongseong',info:['student','27']}]}; 차이점) JSON에서는 키값을 모두 큰따옴표""로 묶어줘야한다 JS object에서는 키값을 큰따옴표로 묶을 필요가 없다 JSON의 타입은 string JS object의 타입은 o..

쿼리스트링) url 끝에 데이터 값을 전달. 쓰는이유 : 같은 path에 다른 데이터값을 줘서 페이지가 동적으로 작동할 수 있게, 상황에따라 다른 정보를 보여줄수 있게 하기 위함이다 사용방법) path뒤에 ?data1="값1"&data2="값2" 와 같은 방 식으로 전해준다 http://index.html/idx=9 밑줄친 부분이 쿼리스트링 api 에서 그 전달 받은 값을 받아서 쓰는법) http://index.html/article?articleIdx=10 를 전달받았다면) app.get("/article", (req, res) => { const articleIdx = req.query.articleIdx; // 변수에 10 할당 }) ㄴ쿼리스트링(articleIdx=10)을 프로퍼티로 갖는다. 그래..

1 .template Literals 2. default Parameter 3. spread 4. destructuring 5. list Helper 6. map 7. filter 8.reduce 1.template Literals ㄴ 백틱``과 ${} 를 이용하여 문자열안에 변수명과 함수명을 적을 수 있다 // template Literals const name = "stageus" console.log("내이름은" +name+ "입니다") // 기존방식 따옴표""" console.log(`내이름은 ${name} 입니다`) // 백틱 `` const power = (number) => number * number const num = 10 console.log(`${num}의 제곱은 ${power(nu..

자바스크립트 버전 ES5의 문제들 1.중복 선언 허용 2. 호이스팅 문제 var num1 = 10 console.log(num1) var num2 = 20 console.log(num2) // 10,20출력 function func(){ console.log("첫번째 함수임") } func() function func(){ console.log("두번째 함수임") } func() // 두번째함수임 2번출력 호이스팅 ㄴjavascript에 있는 독특한 기능. ㄴ변수와 함수의 선언문 (var num1, function( ) { }) 를 파일의 상단으로 끌고올라와서 실행하는 기능 위 코드의 호이스팅 실행순서) var num1 var num2 function func(){ console.log("첫번째 함수임"..

"==" : 타입이 다르더라도 값이 같으면 true "===": 타입과 값이 모두 같을때만 true 예제) 1 == '1' //true , ==는 값만 같아도 된다 1 === '1' // false, ===은 타입,값이 모두 같아야한다 false == 0 // true, 값이 같으니 true false === 0 // false, 값이 같아도 타입다르니 false

null과 undefined와 빈문자열"" 체크하기 null은 "의도적으로" 값이 할당되지않은 상태 undefined는 값이 아직 할당 되지않은상태 null, undefined를 체크하기) ㄴnull과 undefined과 빈문자열""는 모두 false로 간주된다 (false그 자체는 아니다!)(" "(공백은) true로 간주) 그래서 null == false; //false null === false; //false undefined == false; //false undefined ===false; //false 위는 모두 false 반환이 되지만(false 자체가 아니니까),null과 undefined앞에 !!를 붙이면 boolean값으로 변환되므로 !!null == false; // true !!n..

-radio 체크된 값 가져오기 html) 직급: 팀원 팀장 javascript) var position = document.querySelector("input[name='position_value']:checked").value console.log(position) ㄴdocument.querySelector("input[name='position_value']:checked").value -radio 체크된 값 가져오기2, 체크여부 확인하기) html) 직급: 팀원 팀장 javascript) var radioTag = document.getElementsByName("position_value"); var position = null; for(var i=0;i

전화번호를 입력받을때 010 0000 0000 와 같이 입력받아야하는데, 010-0000-0000와 같이 입력받은 경우 생년월일,날짜를 20041010와 같이 입력받아야하는데, 2004/10/10, 2004-10-10등과 같이 입력받은 경우 입력받은 값에서 불필요한 문자들을 제거하여 원하는 형식으로 만들어야 한다. 입력받은 값들을 다음과 같이 변환해야하는 경우 010-0000-0000 -> 010 0000 0000 010.0000.0000 -> 010 0000 0000 2004-12-12 -> 2004 12 12 2004/12/12 -> 2004 12 12 str.replaceAll("[^0-9]","") // *숫자가 아닌 것들을 모두 제거