이것저것

자바스크립트에서 html에 있는 요소를 가져올 수 있나 확인하기 위해서 log로 document를 확인해보면 html에 접근할 수 있다는 것을 확인해볼 수 있다. 자바스크립트에서 html에 접근하기 위해서 h1에 id를 넣어줬다. js파일로 넘어가서 html을 수정해볼 것이다. //js const title = document.getElementById("title"); console.log(title); //This works 로 나오고 아래를 추가하게되면 This works가 its from JS!로 바뀐다. //위에 확인 후 추가 title.innerHTML = "its from JS!" id를 title로 지정해주었으므로 document 객체의 getElementById의 title을 log로 출..

웹에 웹사이트를 만들고 싶을 때, 웹사이트를 interactive로 만들고 싶을 때(역동적이고 효과적인 웹사이트) ES5, ES6는 ECMAScript의 약자이다. ES는 Specification의 버전을 알려주는 것이고 Specification은 작동 설명서 같은 것이다. 바닐라 자바스크립트는 javascript의 한 종류로 Library가 없는 것을 나타낸다. 작은 결과물을 만들 때는 repl이라는 사이트에서 코딩하는 것도 편안하다. 프로그램을 깔 필요도 없고 결과물도 옆에서 바로 볼 수 있기 때문이다. ps. 단점으로 log를 살펴볼 때 가끔 작동하지 않는 것도 있고 너무 길거나 크면 나오지 않는다. https://replit.com/login?goto=%2Frepls Log In Replit is..

1. 콜스택 (Call Stack) 자바스크립트가 함수 실행을 핸들하는 방법 중 하나 스택과 같은 것 함수를 위에서부터 차례로 실행하고 실행이 완료된 함수는 목록에서 제거된다. 0 -> 1 -> 2 -> 3 -> 로그 출력 -> 3 -> 2 -> 1 -> 0 0부터 차례로 스택이 쌓이고 로그를 출력한다음에 다시 3부터 차례대로 완료 함수를 제거 3번에 로그 출력과 에러 메시지를 넣어두면 3번에서 로그를 출력하고 에러 메시지를 보내면서 에러 전에 있던 콜스택을 모두 출력해준다 (0, 1, 2, 3을 출력) 알아두면 언젠가는 도움이 될 컨셉 최종 정리 리스트가 존재하고 함수는 리스트에 추가된다. 실행이 완료되면 함수는 리스트에서 제거된다. 자바스크립트의 to do list 인 것이다. ps. 스택이 붕괴될 ..

자바스크립트 기반의 프레임워크에는 Vue, Angular, Backbon.js 등이 있다. 프레임워크들은 주로 MVC 아키텍처, MVVM 아키텍처를 사용하고 Angular는 MVW(Model View Whatever)로 애플리케이션을 구조화한다. 위 아키텍처의 공통점은 모델(Model)과 뷰(View)가 있다는 것 모델(Model)은 애플리케이션에서 사용하는 데이터를 관리하는 영역 뷰(View)는 사용자에게 보이는 부분이다. 사용자가 프로그램으로 어떤 작업을 하면 컨트롤러(Controller)가 모델 데이터(Model)를 조회하거나 수정하고 변경된 사항을 뷰(View)에 반영한다 페이스북에서 데이터가 변할 때마다 어떻게 변화할지 고민하는 것이 아니라 기존 뷰를 날리고 처음부터 새로 렌더링 하는 방식으로 ..