본문 바로가기

JavaScript13

[TIL] 💡 Day 4 - HTML과 JS 연결, 조작 방법 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 📑 본격적으로 HTML과 JS를 연결하는 방법과, JS에서 HTML을 조작하는 방법에 대해서 배웠다.😆 🌱 JS 사용하는 이유 ❓ 👉 HTML과 상호작용 하기 위해서 - JS는 HTML의 element들을 자신의 방식으로 조작 가능하다. - JS로 HTML을 조작하면 원래 HTML 파일에 영향을 주지 않고 독립적으로 조작할 수 있다. 🌱 Document는 Object ❗ 👉 document는 브라우저에 이미 존재하는 Object 콘솔 창에 document를 입력하면 긴 object임을 알 수 있다. html을 JS의 형태로 볼 수 있다. = JS에서 HTML document Object로부터.. 2022. 3. 13.

[TIL] 💡Day 3 - function, argument, return, prompt, typeof, 조건문 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 앞에서 배운 내용들을 복습하고, function(함수), argument(인수), return(반환 값), prompt, typeof, 조건문에 대해 배웠다. 🌱 Function 👉 계속 반복해서 사용할 수 있는 코드 조각, 어떤 코드를 캡슐화해서 실행을 여러 번 할 수 있게 해 준다. function 없을 때 🙅‍♀️ // 불 필요한 반복 너무 많다.console.log("Hello my name is 이름2"); console.log("Hello my name is 이름1"); console.log("Hello my name is 이름3"); console.log("Hello my nam.. 2022. 3. 12.

[TIL] 💡Day 2 - JS의 변수, 타입, Array, Object ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 📑 JS의 변수, 타입, Array, Object에 대해서 배웠다. 게으른 개발자가 되기 위해서 노력하자 → 반복 줄이기!👩‍💻 🌱 변수 👉 variable, 변경 가능한 수 ex. 2 + 3 or 2 * 3 같은 연산 시 숫자를 바꿔야 할 일이 생기면 매번 수정해야 되는데 이 것은 비 효율적이다!🤔 이때 변수에 숫자를 저장하고 a + b 같은 형식으로 계산을 하면 변수만 바꾸면 되니까 좋은 방법이다!🤗 const, let을 통해서 변수를 선언한다. 변경 가능성 X → const / 변경 가능성 있는 것 → let => 이것만 봐도 작성자의 의도가 파악 가능하다. JS는 10일 만에 만들어서.. 2022. 3. 11.

[TIL] 💡Day 1 - JavaScript의 유래와 확장가능성 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 📑 JavaScript의 유래와 확장 가능성에 대해서 배웠다. JS의 유래 🔍 1995년 Brendan Eich이 단 10일 만에 만든 언어, 무한한 확장성을 가지고 있다. ( = 오류도 많았음) JS는 수 많은 사람들이 쓰는 언어이고, 브라우저에 내장되어 있으므로 따로 설치할 필요가 없다 BE의 언어는 매우 다양하지만, FE에서는 JS만 알면 커버 가능! JS의 확장가능성 ✨브라우저는 HTML, CSS, JS만 읽을 수 있다. 개발자 도구의 console을 잘 활용하도록 하자 JS와 CSS만으로는 브라우저에 표시할 수 없다 glue역할을 하는 html이 꼭 필요하다! cmd에서 폴더 생성하.. 2022. 3. 11.

이전 1 2 3 4 다음

티스토리툴바