[Nomad coder/Momentom 클론코딩 5일차] 클론코딩 하면서 느낀 점과 결과
·
Clone Coding/Momentum [JavaScript]
우선 느낀 점을 말씀드리기 전에 저의 배경지식을 말씀드리자면, 컴퓨터 공학을 전공하였고 졸업 작품으로 웹 관련 프로그램을 만들었습니다. 체감 난이도는 각자 다를 것이라 생각하기 때문에 참고만 해주시면 감사하겠습니다. [난이도 - ★★☆☆☆] 강의 초반에 설명해주는 개념만 알아도 충분하다. 컴퓨터 전공이기도 했고, Python과 Java를 어느 정도 알고 있어서 수업 듣기에 편했던 것 같다. 비전공자분께서 처음 듣는다면 난이도가 있을 것이라고 생각한다. 영어로 수업하시는데, 자막 번역이 직역으로 되어있다는 느낌을 받았다. 자막이 이해가 안 될 때 영어를 들어보는 것을 추천한다! 2021 버전으로 강의가 업데이트되면서 자막이 보기 훨씬 수월해지고, 전 강의보다 설명을 더 꼼꼼히 해주셔서 이해하기 더욱 편하다..
[Nomad coder/Momentom 클론코딩 4일차] JSON, forEach, filter(#3.0~#3.10)
·
Clone Coding/Momentum [JavaScript]
1. JSON (JavaScript Object Notation) 자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포맷이다. 즉, 프로그래밍 언어나 플랫폼에 독립적이므로, 구문 분석 및 JSON 데이터 생성을 위한 코드는 C, C++, C#, 자바, 자바스크립트, 펄, 파이썬 등 수많은 프로그래밍 언어에서 쉽게 이용할 수 있다. 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작다. 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 ..
[Nomad coder/Momentom 클론코딩 3일차] 호출 스케줄링과localStorage(#3.0~#3.10)
·
Clone Coding/Momentum [JavaScript]
1. innerText vs innerHTML 단순히 text를 가져올때는 큰 차이가 없다. 의 를 가져올 때 차이가 발생한다. innerText → Text만 innerHTML → Tag + Text [index.html] Hello world [index.js] const span = document.querySelector(".span"); console.log(`span.innerText = ${span.innerText}`); //span.innerText = Hello world console.log(`span.innerHTML = ${span.innerHTML}`); //span.innerHTML = Hello world [출력 결과] innerText는 불러온 Object에 Text 값만 ..
[Nomad coder/Momentom 클론코딩 2일차] JavaScript DOM과 Event(#2.0~#2.7)
·
Clone Coding/Momentum [JavaScript]
강의에 대한 내용보다는, 강의에서 나온 내용 중 추가로 찾아보고 궁금했던 내용을 정리를 하려고 한다. 1. DOM(Document Object Model) 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. - DOM은 웹 브라우저가 HTML을 인식하는 방식이다. → DOM은 HTML 문서에 대한 인터페이스이다. 1. JavaScript는 HTML에 있는 모든 요소를 Object(객체)로 만든다. 2...
[Nomad coder/Momentom 클론코딩 1일차] Vanilla JS 와 JS 기본 Concept (#1.0~#1.10)
·
Clone Coding/Momentum [JavaScript]
사용 가능한 JavaScript는 배워본 적이 없는 것 같다. 학교에서 배웠던 것은 Js를 통해 CSS를 변경하는 내용이나, alert 명령어를 사용해서 수학적인 계산을 해보는... 그런 것들을 배웠고 금방 끝났었다. 그 당시 JS에 대한 큰 매력을 느끼지 못하였는데 현재로써는 Web 뿐만 아니라 많은 분야로 펼쳐져 있다고 생각한다. 이런 무궁무진한 발전 가능성과 수많은 분야에서 사용 가능하기 때문에 나의 첫 programing language를 JaveScript로 선택을 하게 되었다. 배웠던 Java, Python 모두 재미있었고, 그 덕에 Javascript를 배우는데 처음 배우는 분들보다는 약간에 이점이 있다고 생각을 하며 시작하게 되었다. Vanilla JS Library(라이브러리)나 Fram..