반응형 JavaScript19 Set 셋은 잘 쓸일이 없긴한데.. 가끔 배열의 항목중에 중복을 제거해야할 일이 있을때 사용하면 유용할거 같다. Set은 중복을 허용하지 않는 값을 모아놓은 특별한 컬렉션 키가없는 값이 저장됨 * 주요 메서드 new Set(iterable) : 셋을 만듬 . 이터러블 객체를 전달받으면 그 안의 값을 복사해서 넣어줌 set.add(value) : 랎을 추가하고 셋 자신을 반환 set.delete(value) : 값을 제거. 호출 시점에 셋 내에 값이 있어서 제거에 성공하면 true, 아니면 false 반환 set.has(value) : 셋 내에 값이 존재하면 true, 아니면 false set.clear() : 셋을 값을 비움 set.size : 셋내의 값의 갯수 let set = new Set(); let le.. 2022. 6. 21. Map 내가 진행한 웹 프로젝트에서는 거의 쓰지 않는거 같은데... React와 React Native를 잠간 보니.. 그래도 꽤 쓰는거 같아.. 미리 개념을 정리 해 둔다. Map 은 키가 있는 데이터를 저장 한다. * 주요 메서드와 프로퍼티 new Map() : 맵 생성 map.set(key, value) : key를 이용하여 value를 저장 map.get(key) : key에 해당하는 값을 반환. key가 존재하지 않으면 undefined를 반환 map.has(key) : key가 있으면 true, 없으면 false map.delete(key) : key에 해당하는 값을 삭제 map.clear() : 맵의 모든 요소 제거 map.size : 요소의 갯수 반환 let map = new Map(); map... 2022. 6. 20. 프로그래밍 강의 사이트 어떤 프로그램 언어든 설명을 해 놓은 메인 포털은 있기 마련인데... 글을 보고 쉽게 이해가 안가고. . 비전공이라서..쉽게 접근을 못하고... 이런분들께 쉽게 접근할 수 있는 사이트가 있을까요??? 제가 여러 유명한 사이트들 유로로 가입해서 강의를 듣기도 하고.. 무료 강의도 .. 유투브도 보고... 흠... 생각만큼 깊이있고.. 실제 업무 코딩에 사용할 만큼 강의를 해 주는 곳은 별로 없는듯 합니다.. 그냥.. 기초나.. 책에 있는 내용들을 그대로?? 교육하는 정도였어요.. 그래도 그나마 저 나름대로 괜찮았던 사이트 2개만 추천 합니다. 부스트코스 실무 전문가와 네이버 & 네이버 커넥트재단의 지원으로 무료로 운용 되고 있다고 하네요. 노마드코더 이곳은 무료와 유료가 있는데요... 저도 유료로 결재하고.. 2022. 6. 17. ReactJS를 하기전에 ... 최신 Javascript ES6를 공부하지 않은 옛날 사람들은.... (나 같은?) ReactJS를 바로 공부한다면.. 약간 장벽이 생길수 있다는 생각이 든다... 꼭.. ES6 Javascript 문법을 공부하자. 그 중에 가장 간단 하면서도 꼭.. 알아야 할? 내용 한가지를 까먹기 전에 기록 해둔다. 함수의 선언 형식인데.. function aaa() {... } 이런식이나.. aaa = function(){...} 이런식의 함수 선언이 주를 이루었는데... () => {...} 와 같은 함수가 나오고.. ReactJS에서는 () => {...} 같은 형식만 사용하기 때문에... 정리 해 두고자 한다. 내용은 아주 간단한데... 일단.. 우리가 전통적으로 함수를 만드는 방법.. fucntion get.. 2022. 6. 15. Create app * ReactJs는 라이브러리를 받아서 사용 할 수도 있지만.. 설치 버전으로 진행.. *** 우선 node.js 설치가 되어 있어야 한다.. 이건.. 따로.. 간단히 설치가 가능 하므로 패스~~~~ * ReactJs app을 만들어 보자.. * 적당한 폴더를 만들고 난후 npx create-react-app [project name] npx create-react-app myFirstApp1 이렇게 해 주면.. myFirstApp1이라는 폴더 아래에 reactjs프로젝트를 생성해 주고 초기에 필요한 설정들을 다 해준다. 잘 되었는지 확인하는 방법은 cd myFirstApp1 npm start 해당 프로젝트 디렉토리로 이동한 뒤 npm start를 해 주면.. reactjs 프로젝트가 실행되면서 브라우저.. 2022. 6. 13. fetch javascript를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아올수 있음 이때, 페이지를 새로고침 없이 조회 가능 fetch()는 구식 브라우저에서는 지원하지 않지만, 대부분의 모던 브라우저에서 지원 됨 * 기본문법 let promise = fetch(url, [options]) - url : 접근 하고자 하는 URL - options : 선택 항목, method나 header등을 지정 할 수 있음 - options에 아무것도 넘기지 않으면 GET 으로 요청 - fetch()를 호출하면 브라우저는 네트워크 요청을 보내고 promise 가 반환됨 - http 상태는 응답 프로퍼티를 사용하여 확인 가능 - status : http 상태코드 - ok : http 상태코드가 200 ~.. 2022. 6. 3. 이전 1 2 3 4 다음 반응형
