본문 바로가기

Frontend/JavaScript

(18)
[JS] 2. 자바스크립트 개발 환경 1) 웹 브라우저의 개발자 도구 [개발자 도구 열기] 윈도우: f12 또는 ctrl + shift + i macOS: command + option + i * 개발자도구 console은 명령어를 입력하고 enter키를 칠 때마다 바로 실행이 되기 때문에 긴 코드를 작성하기에는 적절하지 않습니다. 2) 온라인 웹 에디터 https://codesandbox.io/ CodeSandbox: Online Code Editor and IDE for Rapid Web Development Optimized for frameworks Custom environments built specifically for React, Vue, Angular, and many more. codesandbox.io 코드를 입력하면 자..
[JS] 1. JavaScript & React 개념 1) 자바스크립트(JavaScript)란? JavaScript: 웹 사이트에 활력을 부여하는 언어. 자바스트립트는 HTML, CSS와 더불어 웹을 개발하는 세 가지 언어 중 하나입니다. 웹 사이트에 '활력'을 부여한다는 것은 어떤 의미일까요? HTML이 요소들의 배치와 내용을 담당하고, CSS가 HTML로 작성한 요소들의 색,크기,애니메이션 등의 스타일링을 담당한다면, 자바스크립트는 웹 페이지의 모든 동적인 부분을 담당합니다. 즉, 자바스크립트는 웹 사이트를 실질적으로 움직이도록 하는 역할을 합니다. 자바스크립트를 이용하여 동적으로 콘텐츠를 바꾸고, 멀티미디어를 제어하고, 애니메이션을 추가하고, 서버로부터 데이터를 주고 받는 등 거의 모든 것을 만들 수 있습니다. 웹 페이지의 내용이 정적인 정보만을 보여..