본문 바로가기

전체 글

(73)
API (Application Programming Interface) api 자바스크립트 그리고 프론트엔드계의 꽃이라고도 불리우는 api 정말 중요한 부분이라는걸 알 수 있겠찌?! api는 무엇에 약자일까용? (영 알 못) Application Programming Interface 라고 합니다. 먼저 "웹사이트" 에 대해서 알아볼까요?! 웹사이트에는 프론트엔드와 백엔드 분야가 나뉘어져있어용! 간단히 설명하자묜 프론트엔드는 유저에게 보여지는 부분을 담당 백엔드는 프론트엔드가 보여줄 정보를 가져다주는 부분을 담당 이렇게 백엔드가 정보를 주고 프론트엔드가 받는 이 부분에서 사용되는게 바로 API 라는 말!!!! 근데 우리가 백엔드까지 해서 혼자 API 만들 수 있셔? 아니.. 난 불가능이여.. ㅠㅠ 그래서 남이 또는 기관에서 만든 API 를 쓸거란 말이조... ? ㅎㅎ api..
배열 함수 findIndex() findIndex() 얘는 find() 의 형제 find에서 찾은 아이템의 인덱스 번호를 알려줍니당. 빠르게 예시 보고 넘어가자구용 let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] let result1 = names.findIndex((item) => { return item.startsWith('L') }) console.log(result1) find() 했을 때 찾은 사람이 Larry Page 입니다 그 아이템의 ..
배열 함수 find() find() 얘는 filter() 함수와 비슷한 친구입니다. 같은 점은 조건을 붙히면 그 조건에 맞는 아이를 필터해주는 것인데.. fliter() 는 조건에 맞는 아이를 모두 배열에 담아서 준다면 find() 는 조건에 맞는 아이 중 하나만 string 타입으로 줍니당. 배열로 주지 않아!!!!!!! 예시 봅시다. let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] let result1 = names.find((item) ..
배열 함수 every() every() 얘는 some() 과 같지만 다른 아이. some() 은 1개라도 true라면 true를 주지만, 얘는 빡빡해! 모든 것이 조건에 맞아야지 true 를 준단말이지! 예시! let ceoList = [ {name : "Larry Page", age : 23, ceo : true}, {name : "Tim Cook", age : 40, ceo : true}, {name : "Elon Musk", age : 55, ceo : false} ] let result = ceoList.every((item) => { return item.age == 23 }) console.log(result) ceoList 에 있는 age 가 모두 23이니??? 라고 물어보는거지! 모두 모두! 모두가 핵심이에오 하지..
배열함수 some() some() 이 함수는 true 과 false 즉 불린 값만 반환하는데, filter와 같게 조건을 넣어주면 , 그 조건이 true 인지 false인지 알려줍니당. 예시! let ceoList = [ {name : "Larry Page", age : 23, ceo : true}, {name : "Tim Cook", age : 40, ceo : true}, {name : "Elon Musk", age : 55, ceo : false} ] let result = ceoList.some((item) => { return item.age == 23 }) console.log(result) ceoList에 age가 23인 아이가 있니?! 라고 물어보는겁니다. 그럼 결과는 true let ceoList = [ {n..
배열함수 filter() filter() : 조건을 넣고, 조건에 대해 참인 것만 반환해주는 함수 얘는 map()이랑 비슷하지만, return 하는 곳에 조건을 넣어줘야해 무슨 소리냐면.. let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] let result1 = names.filter((item) => { return item.startsWith('L') }) console.log(result1) 이렇게 names에 있는 아이템 중 L로 시작하..
배열함수 map() map() map.. 요놈은 누구일까? 반환한 값을 배열에 담아 반환해주는 함수이당!! forEach() 와 다른 점은 forEach는 반환값이 없음. map()은 반드시 배열을 반환함. 그래서 return을 적어야함. 그래서 map을 사용하는 예시를 한번 적어보겠습니댜. let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] names.map((item) => { return item }) 이렇게 적으면 names들을 반환은..
배열함수 forEach() forEach() forEach는 매개변수로 함수를 받는다! 왓? 함수가 함수를 받아?? 그렇다 배열 함수는 함수를 매개변수로 받습니다. 예를 들자면, let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] function printName(item){ console.log(item) } names.forEach(printName) 밑에 보면, forEach 에 내가 만든 함수를 넣어주는거다! printName에 있는 매개변수..