반응형 JavaScript15 [JS] 자바스크립트와 객체 Preface 이번 장에선 자바스크립트의 내장 객체와 해당 객체들의 프로퍼티와 메서드를 알아봤다. 내용이 많아도 너무 많아서 책을 읽을 때도, 블로그를 쓸 때도 시간이 오래 걸렸다. 웹 쪽을 전문적으로 다룰 생각은 없기 때문에 자바스크립트 역시 모든 내용을 익히고 암기하는 것 보단, 필요한 내용만 그때그때 찾아보는 식으로 사용할 것 같다. 한 가지 궁금한 점은 웹의 특정 요소에 링크를 연결하는 작업처럼 HTML로도 구현할 수 있고, JS로도 구현할 수 있는 작업인 경우엔 어떤 것을 사용하는가에 관한 것이다. HTML과 CSS만으로도 충분한 작업엔 굳이 자바스크립트를 사용할 필요가 없을 것 같은데... 1. 객체 알아보기 - 객체: 프로그램에서 인식할 수 있는 모든 대상 1) 문서 객체 모델(DOM) 2).. 2022. 8. 8. [JS] 함수와 이벤트 (2) Preface 이번 장에선 이벤트란 무엇인지, 이벤트 처리기는 어떻게 사용하는 것인지 알아봤다. 계속해서 DOM을 언급하는 것으로 보아, 뒤쪽의 DOM을 공부한 후 이벤트를 다시 다룰 것 같다. 마무리 문제를 풀 때 딱히 막히는 부분이 없는 것으로 보아 기본적인 문법 구조만 익숙해지면 파이썬처럼 부담 없이 사용할 수 있을 듯하다. 6. 이벤트와 이벤트 처리기 - 이벤트: 웹 브라우저나 사용자가 행하는 어떤 동작 → 웹 문서 영역 안에서 이루어지는 동작만을 말한다. - 마우스 이벤트 종류 설명 click 사용자가 HTML 요소를 클릭할 때 이벤트가 발생한다. dbclick 사용자가 HTML 요소를 더블클릭할 때 이벤트가 발생한다. mousedown 사용자가 요소 위에서 마우스 버튼을 눌렀을 때 이벤트가 발.. 2022. 8. 7. [JS] 함수와 이벤트 (1) Preface 이번 장에선 함수 선언 방법과 let, const를 사용한 변수 선언 방법을 공부했다. 화살표 함수같은 특정 방식을 제외하곤 내가 알고 있던 기존 방식과 비슷해서 딱히 어려운 내용이 없었다. 다만 내용이 너무 많아 두 파트로 나눠서 업로드한다. 1. 함수 알아보기 - 함수: 동작해야 할 목적대로 묶은 명령 - 함수를 선언할 때는 예약어 function을 사용하고, 중괄호 안에 실행할 명령을 넣는다. → 명령이 한 줄이라면 중괄호를 생략할 수 있다. function 함수명() { 명령 } - 함수 호출 방식: 함수명( ) 또는 함수명(변수) - 두 수를 더하는 함수 unction addNumber() { var num1 = 2; var num2 = 3; var sum = num1 + num2.. 2022. 8. 6. [JS] 자바스크립트 기본 문법 Preface 이번 장에선 자바스크립트의 기본 문법을 공부했다. 반복문, 조건문, 연산자 등 대부분의 것들이 다른 프로그래밍 언어의 문법과 비슷해서 한 번 읽어보는 것 만으로 충분히 이해하고 넘어갈 수 있었다. 한 가지 주의깊게 살펴봐야 할 부분은 자바스크립트 코드 안에 HTML 태그를 사용하는 부분인 것 같다. 내가 아직 자바스크립트에 익숙치 않아서 그런지 document.write( ) 함수 안에 태그를 사용하여 코드를 구성하는 것이 어색하고 헷갈린다. 1. 변수 알아보기 - 변수: 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터 - 상수: 값을 한 번 지정하면 바뀌지 않는 데이터 - 변수 선언하는 방법: var 예약어 뒤에 변수 이름을 적는다. → var를 한 번만 쓰고 여러 변수를 .. 2022. 8. 4. [JS] 자바스크립트와 첫 만남 Preface 이번 장에선 자바스크립트란 무엇인지, 이를 통해 어떤 작업을 할 수 있는지 등을 알아봤다. 입출력 방법이나 함수 등에 관한 내용은 뒤에서 더욱 자세히 배울 것 같고, 스타일 가이드는 다른 언어들과 크게 다른 부분이 없어 딱히 적을 내용이 없다. 1. 자바스크립트로 무엇을 할까 - 자바스크립트의 주요 기능 1) 웹의 요소를 제어한다. (웹 사이트 UI 부분에 많이 활용) 2) 웹 어플리케이션을 만든다. 3) 다양한 라이브러리를 사용한다. (리액트, 앵귤러, 뷰, 제이쿼리 등) 4) 서버 개발을 할 수 있다. (Node.js) 2. 웹 브라우저가 자바스크립트를 만났을 때 - 자바스크립트 소스는 3. 자바스크립트 용어와 기본 입출력 방법 - 식(표현식): 연산식뿐만 아니라 실제 값, 함수를 실행.. 2022. 8. 3. 이전 1 2 다음
