본문 바로가기
728x90

개발일지/JavaScript13

자바스크립트 씹어먹기 2022. 9. 27.
javaScript axios 사용하기 Axios란 node.js와 브라우저를 위한 Promise 기반 http 클라이언트이다. 즉, http를 이용해 서버와 통신하기 위해 사용하는 패키지이다. Promise: 자바스크립트 비동기 처리에 사용되는 객체 (비동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 의미함) Promise를 사용하면 비동기 메서드에서 동기 메서드처럼 값을 반환할 수 있으며, 다음 중 하나의 상태를 가진다. 대기(pending): 이행하지도, 거부하지도 않은 초기 상태 이행(fulfilled): 연산이 성공적으로 완료됨 거부(rejected): 연산이 실패함 https://axios-http.com/kr/ Axios 브라우저와 node.js를 위한 Promise .. 2022. 8. 27.
javaScript 배열 다뤄보기 2 들어가기 전에, 우선 아래의 메서드들은 모두 원본 배열에 영향을 주지 않는 메서드이다. 때문에 const를 통해 상수로 선언해도 아래 코드는 정상적으로 작동한다. 또한 함수 안의 화살표 함수 arr.filter/map/...((element)=>(element>2)) 와 같이 괄호()를 이용하면 return을 해줄 필요가 없지만, arr.filter/map/...((element)=>{return element > 2}) 처럼 중괄호를 사용하면 return을 꼭 해줘야 한다. Array.filter() 특정 조건을 부합하는 값만 모아서 새로운 배열을 만들어준다. // ex const arr = ['a', 'b', 'b', 'c'] const filtered = arr.filter((element)=>el.. 2022. 8. 24.
javaScript 배열 다뤄보기 1 1. 배열 수정 // 배열 변경하기 let Arr = [1,2,3,4,5] // Arr배열의 0번째를 123으로 수정 Arr[0] = 123 // Arr = [123,2,3,4,5] // 오브젝트 변경하기 obj = [{id:1,name:'냠냠'},{id:1,name:'뇸뇸'}] // obj 배열의 0번째 name을 얍얍얍으로 수정 obj[0].name = '얍얍얍' // obj = [{id:1,name:'얍얍얍'},{id:1,name:'뇨뇨뇽'}] 2. 배열 정렬 // 문자열 배열 // arr.sort() - 문자열 배열의 경우 알파벳 순서로 정렬(오름차순) // 파라미터(compareFunction)-매개변수 가 입력되지 않으면 유니코드 순서에 따라 정렬됨 // 숫자열 배열 // 오름차순 arr.so.. 2022. 8. 23.
728x90