Language/JavaScript 검색 결과
19 개의 검색 결과가 있습니다.
Language/JavaScript

[자바스크립트(JavaScript)] HTML 문서에 삽입하는 방법

츄르사려고 코딩하는집사입니다. HTML에서 자바스크립트(JavaScript)를 삽입하는 방법은 태그 안에 를 사용하여 삽입하는 방법과 따로 .js파일을 만들어 태그 안에 src를 넣어주는 방법이 있습니다. 1. 태그 안에 넣는 방법 main.html을 만들어서, 아래의 코드를 복사하면 hi라는 alert가 뜨게 됩니다. 1) main.html 2. .js파일을 만들어 태그에 src 넣어주는 방법 hello.js파일을 만들어 코드를 입력하여 저장하고, main.html에 로 src를 지정해 주면, 그 자바스크립트(JavaScript)파일이 실행됩니다. 1) hello.js alert("hello"); 2) main.html

2021. 9. 28.
Language/JavaScript

[자바스크립트(JavaScript)] 주석처리 하는 방법

츄르사려고 코딩하는집사입니다. 자바스크립트(JavaScript)에서 주석처리를 하는 방법은 인라인 주석 처리 방법과 블록 주석 처리 방법이 있습니다. 인라인 주석 처리 방법은 한 줄만 주석을 처리하는 방법이고, 블록 주석 처리 방법은 한 줄 이상의 주석을 처리할 수 있습니다. 1. 인라인 주석 처리 방법(자바스크립트(JavaScript) 한 줄 주석 처리하는 방법) 인라인 주석 처리 방법은 슬래시 2개(//)를 사용하여 주석 처리를 할 수 있습니다. 아래와 같이, 슬래시 2개(//)를 사용하여 인라인 주석 처리를 할 수 있습니다. console.log("Hi"); // Hi 출력 2. 블록 주석 처리 방법(자바스크립트(JavaScript) 여러 줄 주석 처리하는 방법) 블록 주석 처리 방법은 (/* 내용..

2021. 9. 28.
Language/JavaScript

$(document).ready(function() {}); 이란?

츄르사려고 코딩하는집사입니다. $(document).ready(function() {}); 이 구문은 자바스크립트에서 Onload를 하는 역할을 합니다. 그래서, 어떤 홈페이지에서 F12를 눌렀을 때, 사이에 저 코드가 적혀져 있는 것을 종종 볼 수 있습니다. 위 코드는 JavaScript에서 Onload 역할을 하니, HTML 소스 코드를 전체 다 뿌린 다음에, 실행되는 함수라고 볼 수 있습니다. HTML 코드는 위에서 아래로 실행이 되기 때문에, 저 코드는 소스가 다 뿌려진 다음에 실행된다고 할 수 있습니다. 예를 들어, 아래의 코드를 실행하면, console에 1 -> 2 -> 3 -> 4로 찍히게 된다. Hello World 위의 코드에서 아래와 같이도 사용할 수 있다. 즉, $(document)..

2021. 9. 24.
Language/JavaScript

비쥬얼 스튜디오 코드(Visual Studio Code, VSCode)에서 자바스크립트(JavaScript) 설치 및 설정하는 방법

츄르사려고 코딩하는집사입니다. 이번 글은 비쥬얼 스튜디오 코드(Visual Studio Code, VSCode)에서 자바스크립트(JavaScript) 설치 및 설정하는 방법입니다. 프론트엔드(Front End, FE) 개발은 자바스크립트는 필수죠. 저는 웹개발을 전공하지 않았지만, 지금 웹개발이 필요하여 처음부터 다시 잡으려고 합니다. 1. 비쥬얼 스튜디오 코드(Visual Studio Code, VSCode) 사이트에서 설치 파일을 받아 설치합니다. - https://code.visualstudio.com Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for bu..

2021. 9. 13.
Language/JavaScript

[JavaScript] Uncaught SyntaxError: Invalid shorthand property initializer 해결 방법

츄르사려고 코딩하는 코집사입니다. [JavaScript] Uncaught SyntaxError: Invalid shorthand property initializer 해결 방법 1. 문제 - 아래와 같이, user라는 객체를 만들어서 서버를 돌렸는데, "Uncaught SyntaxError: Invalid shorthand property initializer" 문제가 발생했다. 근데, 처음에는 "=" 이게 아닌 ":"로 선언을 해야 하는데 "="를 사용하여 문제가 발생했다. 다른 언어와 많이 달라 실수가 발생했다. 2. 해결 방법 코드 - 아래와 같이, "="를 ":"로 바꿔주면 된다.

2021. 7. 16.
Language/JavaScript

[JavaScript] destructuring Assignment

츄르사려고 코딩하는 코집사입니다. [JavaScript] destructuring Assignment 1. 기본 할당 - 기본 할당은 아래와 같이, const 중괄호를 통해, id, name, age를 할당할 수 있다. - 그래서, let을 사용하여 user 객체의 id, name, age를 할당할 수도 있다. - Destructuring Assianment는 아래와 같이 코드를 사용할 수 있다. - let {id, name, age} = user; 는 user라는 객체에서 id와 name, age를 가져옴 // Destructuring Assianment { let {id, name, age} = user; console.log(id, name, age); } - 그래서, 아래와 같이 응용하여 새로운 ..

2021. 7. 16.