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

실은 리엑트강의인데 아직 자바스크립트 단계다.. 자바스크립트 여러 영상 많이 봐서 대부분 비슷한 얘기겠지 했는데 무슨? 난 정말 개발공부를 얕게만 본 거 같다 모르는 게 수두룩 빽빽이었고 아직 영상 몇 개 남았는데 앞으로도 더 모를 예정이다. 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..

Javascript 기초 문법 변수 & 기본연산 let a = 2 let b = 3 console.log(a+b) // 5 let c = '대한' let d = '민국' console.log(c+d) // 대한민국 리스트 let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let a = ['사과','수박','딸기','감'] // 로 선언 가능 console.log(a[1]) // 수박 console.log(a[0]) // 사과 //리스트 길이 구하기 console.log(a.length) //4 딕셔너리 let a_dict = {} // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let a = {'name':'영수','age':27} /..

Log In const loginInput = document.querySelector("#login-form input") const loginButton = document.querySelector("#login-form button") function onLoginBtnClick() { const username = loginInput.value; if (username === "") { alert("please write your name") } else if(username.length > 15){ alert("your name is too long") } } loginButton.addEventListener("click", onLoginBtnClick) loginInput의 값을 userna..