투명한유리구슬처럼보이지만 투명한유리구슬처럼보이지만

배열 let arr = [1,"2",true,null,undefined,{},[],(),function(){}]; //배열 리터럴 배열에도 숫자, 문자열 , 함수 등 다 넣을 수 있다. let arr = [1,2,3,4,5]; //배열 리터럴 console.log(arr[0])//1 console.log(arr[2])//3 console.log(arr[1])//2 배열을 추가하는 방법 및 배열안에 요소 갯수 확인 let arr = [1,2,3,4,5]; //배열 리터럴 arr.push(6); console.log(arr) //[1, 2, 3, 4, 5, 6] 가장 마지막에 추가됨. console.log(arr.length) //6 배열의 갯수 반복문 for(let i = 1; i { return elm ..

실은 리엑트강의인데 아직 자바스크립트 단계다.. 자바스크립트 여러 영상 많이 봐서 대부분 비슷한 얘기겠지 했는데 무슨? 난 정말 개발공부를 얕게만 본 거 같다 모르는 게 수두룩 빽빽이었고 아직 영상 몇 개 남았는데 앞으로도 더 모를 예정이다. Javascript 기본 변수에 var를 쓰지 않는 이유 : 변수명을 중복해서 사용이 가능하기 때문에 같은 변수명으로 두 번 적히면 이후 적은 변수는 정상작동 할 수 있지만 이전 변수가 오류가 날 수 있다. let과 동일한 점은 변수 값을 변경할 수 있지만 let은 동일한 변수명으로 또 적혔을 때 에러가 떠서 중복으로 사용을 할 수 없게 한다. 자료형과 형 변환 숫자열 Infinity 무한대 -Infinity 음의 무한대 NaN 수학적인 계산의 실패 결과값 null..

💡라이브러리란? 쉽게 비유 하자면 톱, 망치, 삽 같은 연장(도구)입니다. 사람들이 흔히 도구를 사용하여 썰고, 박고, 땅파는 역할과 같습니다. 도구를 사용하다 보면 급할 때는 톱으로 못을 박을 수도 있습니다. IT 프로젝트 시에 개발자는 도구를 선택하는 입장이기 때문에, 어떤 도구를 사용하든 사용자가 원하는 것을 만들어 줄 수만 있으면 됩니다. 💡프레임워크란? 차, 비행기, 배같은 탈것과 같은 운송수단입니다. 사람이 탑승하여 시동을 걸고, 기어를 넣고, 핸들을 작동하고, 운전을 해야 합니다. 하지만, 앞서서 제시한 탈것들은 라이브러리처럼 좀처럼 대체가 어렵습니다. 이유는 하늘을 날려면 비행기를 타야하고, 도로를 달리려면, 자동차가 훨씬 유용합니다. 바다에서는 배를 타야만 합니다. 애초에 그 목적에 맞게..

2주차에 배운 javascript복습 fetch 기본골격 fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data) }) fetch("http://spartacodingclub.shop/web/api/movie") .then((res) => res.json()) .then((data) => { let movies = data['movies'] console.log(movies) $('#cards-box').empty() movies.forEach((movie) => { let title = movie['title'] let comment = movie['comment'] let image = movie['image'] let..

어제 완료한 코드로는 인풋에 값을 넣었을때 localStorage에 저장은 하지만 새로고침했을때 다시 값을 넣으면 localStorage에 저장된 값들이 덮어써지면서 새로고침된다. 이유는 const toDos = []; newToDo를 toDos의 빈배열에 그냥 push하게 되고 새로운 값들은 또 빈배열에 넣어지게 되기 때문이다. let toDos = []; const savedToDos = localStorage.getItem(TODOS_KEY); if(savedToDos !== null){ const parsedToDos = JSON.parse(savedToDos) toDos = parsedToDos parsedToDos.forEach(paintToDo) } const변수를 변경가능한 let으로 수정..

todolist 만들기 const toDoForm = document.getElementById("todo-form") const toDoInput = document.querySelector("#todo-form input") const toDoList = document.getElementById("todo-list") function paintToDo(newTodo) { const li = document.createElement("li") const span = document.createElement("span") li.appendChild(span); span.innerText = newTodo; toDoList.appendChild(li); } function handleToDoSubmit(..

[JS] Trailing Commas https://seungtaek-overflow.tistory.com/8 [JS] Trailing Commas에 대한 고찰 (feat.ESLint) eslint의 여러 설정들을 살펴보는 도중 comma-dangle이라는 옵션이 궁금해져서 구글링을 조금 해보게 되었다. 그러다가 medium에 올라온 한 게시글과 댓글들을 보고 재미있는 주제라고 생각이 되어서 seungtaek-overflow.tistory.com 배열, 오브젝트 프로퍼티 등 콤마를 이용한 항목의 나열에서 마지막 항목에도 콤마를 붙이는 코딩 방식 const quotes= [ { quote:"", author:"", }, { quote:"", author:"", }, const quote = document..

오늘 스터디는 은양님의 내용정리와 강사같은 목소리와억양이 다했다 진짜 너무 잘하셔서 깜짝 놀랐다. 다음 스터디에 발표는 난데..ㅎㅎ..이게 무슨 부담감.. 거기에 영은님은 추가로 API를 알아오시고 무료로 제공되는 오픈 API도 준비해오셨다 진짜 두분다 준비성 무슨일이야...... 난 오늘 문제를 준비했는데 처음에 문제를 머할까 하다가 오빠가 알려줬던 오픈 API를 활용해서 해보기로했다. 오픈 API를 처음 링크눌러서 들어갔을때 이게 무슨말이고..대체 어떻게 하라고..?싶다가 결국 도움을 받아 시바견 사진을 랜덤으로 주는 API를 발견했다. 문제 : 해당 오픈API 사이트를 참고해서, 무작위 시바견사진을 리스트화해서 만들어보기 그냥 뼈대부터 만드세요! 하면 오래걸릴것아 뼈대도 준비해봤다 뼈대는 아래와 같..