3.4 FrondEnd4 [JS] Arrow function 화살표 함수(Arrow Function)는 JavaScript에서 간결하게 함수를 작성할 수 있도록 도와주는 문법=> 기호를 사용하여 정의하며, 일반 함수 표현식보다 코드가 짧아지고 가독성이 높아지는 장점// 일반 함수 표현식const add = function(a, b) { return a + b;};// 화살표 함수const add = (a, b) => { return a + b;}; 주요 특징간결한 문법: 코드가 짧고 간결this 바인딩: 화살표 함수는 자신만의 this를 가지지 않으며, 선언된 위치의 this를 상속. 즉, 이러한 특징 때문에 function 키워드를 사용할 때 발생하는 this 관련 문제를 방지암묵적 반환: 함수 본문에 중괄호({})가 없으면 표현식의 결과가 자동으로 .. 2025. 1. 13. [JS] Import 그리고 export javascript에서는import를 통해 내보내진 데이터(함수, 클래스, 변수 ...등)를 사용할 수 있고 export를 통해 간단하게 데이터(함수, 클래스, 변수 ...등)를 내보낼 수 있다. 중요한 내용은 import와 export를 사용하는 ES 모듈(ECMAScript Module)은자동으로 엄격모드에서 실행된다 React에서도 Node.js기반이기 때문에 import와 export를 사용하여 불러올 수 있는데불러오는 이유는 하나의 소스코드에 모든 데이터를 코드로 작성을 하면 너무 복잡해진다.따로 관리하기 위해서 그리고 코드를 깔끔하게 작성하기 위해서 주로 사용한다. 마지막 디테일하게 설명하고자 한다.Export란?JavaScript 모듈에서 데이터를 내보낼 때 사용한다.사용하는 방법은 함수.. 2025. 1. 5. [Js] 엄격모드(strict mode) 엄격 모드는 JavaScript에서 코드를 더 안전하고 오류를 방지하기 위해 설정하는 기능입니다.ES6(ES2015)부터 도입된 모듈 시스템은 기본적으로 엄격 모드를 적용하여 실행됩니다. 엄격모드(strict mode)?JavaScript에서 잠재적인 오류를 방지하고자 한 기능으로 제약이 추가가 됩니다.use strict;를 코드의 맨 위에 선언함으로써 활성화할 수 있습니다. 엄격모드 선언방법코드스크립트 전체, 함수, export(모듈)모듈을 제외한 모든 상단에 명시//----------------//'use strict';let x = 10;delete x; // 전체가 엄격모드//----------------//function() { 'use strict'; // 함수 내부는 엄격 모드 // .. 2025. 1. 4. [dart] 변수, 형변환, 컬렉션 연습사이트https://dartpad.dev/1. 변수변수에서 중요한점은 Null Safety를 Dart에서 고려해야한다.선언과 동시에 초기화를 해줘야한다는 점이다. //int age ; // 문제발생int age = 99; // 이렇게 해야한다// 겸사 dart 주석 은이렇게 구성 되어 있다.// 한줄 주석 /* 여러줄 주석*/ 정수형 (int)int age = 25;실수형 (double)double height = 175.5;숫자형 (num)int 또는 double 타입을 모두 포함하는 숫자 타입입니다.num number = 10; // 정수 number = 10.5; // 실수도 허용됨문자열 (String)String name = "John";불리언 (bool)bool isLoggedI.. 2024. 11. 4. 이전 1 다음 728x90