본문 바로가기

자바스크립트42

Javascript 코드를 간결하게 작성하는 방법 Javascript 코드를 간결하게 만들어주는 연산자들을 소개해 드립니다. 이러한 연산자들은 코드를 간소화 시켜주며, 한 페이지에 볼 수 있는 코드의 양을 늘려주어 마우스 스크롤 횟수를 줄여주며, 한 눈에 알아보기 쉽게 되어 가독성과 효율성을 높여 주게 됩니다. 그러며, 이제 연산자들을 소개시켜 드리겠습니다. 2023. 5. 2.
ESLint가 뭐지? ESLint는 자바스크립트 및 JSX 코드를 분석하고 문제점을 찾아주는 정적 코드 분석 도구입니다. ESLint는 개발자가 코드 품질과 일관성을 유지하고, 가독성을 향상시키고, 버그를 줄이는 데 도움을 줍니다. ESLint는 Nicolas C. Zakas가 2013년에 개발했으며, 현재까지 계속 개발되고 있습니다. ESLint의 주요 기능은 다음과 같습니다: 코드 스타일 가이드를 따르도록 강제: 개발자들이 프로젝트 전체에서 일관된 코드 스타일을 유지할 수 있도록 도움을 줍니다. 이를 통해 코드의 가독성이 향상되고, 코드 리뷰 과정이 간소화됩니다. 문법 오류 탐지: 자바스크립트 언어의 기본적인 문법 규칙을 적용하여 코드의 오탈자나 실수를 찾아낼 수 있습니다. 자동 수정: ESLint는 일부 문제를 자동으로.. 2023. 4. 29.
Java와 JavaScript의 차이점 - 언어, 용도, 성능 비교 Java와 JavaScript의 차이점에 대해 알아보려 합니다. 많은 초보 개발자들이 이 두 언어의 이름이 비슷하기 때문에 혼동하기 쉬운데요, 이 포스트를 통해 그 차이점을 명확히 이해하실 수 있기를 바랍니다. Java와 JavaScript란? Java Java는 1995년에 Sun Microsystems에서 개발된 객체 지향 프로그래밍 언어입니다. 현재는 Oracle이 소유하고 있으며, 특히 안드로이드 앱 개발에 주로 사용됩니다. Java는 'Write Once, Run Anywhere'의 특징을 갖고 있어, 여러 플랫폼에서 호환성을 유지하는 데 용이합니다. JavaScript JavaScript는 1995년에 Netscape에서 개발된 프로그래밍 언어로, 웹 브라우저 내에서 실행되도록 설계되었습니다... 2023. 4. 12.
JavaScript 삼항 연산자를 활용한 코드 간소화 JavaScript에서 자주 사용되는 삼항 연산자에 대해 알아보겠습니다. 삼항 연산자는 코드를 간결하게 작성할 수 있게 도와주는 유용한 도구입니다. 이 글을 통해 삼항 연산자의 개념을 이해하고, 실제로 어떻게 사용되는지 예시와 함께 설명드리겠습니다. 삼항 연산자란? 삼항 연산자(ternary operator)는 JavaScript에서 조건문을 간단하게 표현할 수 있는 방법입니다. 이 연산자는 조건문, 참일 때 실행할 표현식, 거짓일 때 실행할 표현식 이렇게 세 개의 요소로 구성되어 있어서 삼항 연산자라고 부릅니다. 2023. 4. 11.
Node.js require vs import 비교하기 JavaScript를 사용하면서 모듈을 불러오고 관리하는 방법이 두 가지가 있습니다. 하나는 CommonJS의 require 문법이며, 다른 하나는 ES6의 import 문법입니다. 이 글에서는 Node.js에서 require와 import의 차이점에 대해 자세히 알아보겠습니다. 1. 문법 차이 require const express = require('express'); const { readFile } = require('fs'); import import express from 'express'; import { readFile } from 'fs'; 2023. 4. 11.
Bootstrap Modal 창 드래그하는 3가지 방법 (Javascript, jQuery, jQuery UI) Bootstrap Modal 창의 헤드를 클릭 드래그해서 움직이게 하는 3가지 방법에 대해서 알려 드립니다. Bootstrap의 Modal에 기본적으로 들어 있지 않은 기능으로 따로 구현해야 하는 기능이기 때문에 이를 구현하는 방법에 대해서 알려 드립니다. 기능 구현은 아래의 3가지 방법으로 구현을 할 것이며, 가장 쉬운 방법부터 소개해 드리겠습니다. 원하시는 방법을 선택 후 사용하시기 바랍니다. jQuery와 jQuery UI를 이용하는 방법 jQuery만 이용하는 방법 순수 Javascript로 구현하는 방법 그럼, 진행을 시작하겠습니다. HTML 삽입 미리보기할 수 없는 소스 1. jQuery와 jQuery UI를 이용하는 방법 "jQuery"와 "jQuery UI"를 라이브러리를 사용하도록 선언합.. 2023. 4. 5.
반응형