반응형 JavaScript4 [Typescript vs Javascript] 타입스크립트의 종말 저는 언젠가 타입스크립트가 대체될 것이라고 생각합니다.타입스크립트는 자바스크립트의 단점을 보완하여 만들어진 언어입니다.자바스크립트와 타입스크립트의 가장 핵심적인 차이는 type이 있느냐 없느냐입니다. Javascriptconst a = 10const b = 20const c = "abc"a + b // 30a + c // "10abc"a + Number(c) // NaNTypescriptconst a: number = 10const b: number = 20const c: string = "abc"a + b // 30a + c // "10abc"a + Number(c) // Error 타입스크립트의 코드는 컴파일 과정에서 오류가 발생합니다. 서로 다른 자료형을 더했기 때문이죠.이처럼 타입스크립트는 컴파일.. 2024. 4. 11. [Javascript] 신입, 취준생을 위한 현업에서 코드 짜는법(클린코드) 이제 막 취업에 성공하신 분, 대학생 혹은 프로그래머로 취업을 준비중이신 분들은 현업에서 코드를 작성하는 방법에 대해서 궁금해 하시는 분들이 많으실 겁니다. 특히, 코드의 가독성은 신입이나 경력 상관없이 프로그래머라면 항상 관심을 가지는 주제인데요. 안그러면 다 지워집니다. 그만큼 프로그래머에게 있어서 가독성 좋은 코드를 작성하는 능력은 매우 중요합니다. 예제는 자바스크립트로 작성되었지만 파이썬, C++ 등 다른 언어에서도 통하는 방식입니다. 자바스크립트를 읽을 줄 아는 분이시라면 다른 언어에서도 활용해 보시길 바랍니다. 예제를 통해 가독성과 성능을 끌어올릴 수 있는 몇가지 상황을 알려드리겠습니다. 1. 조건문이 반복되는 if문의 경우 Array.includes를 활용하자 Bad Case if (data.. 2024. 2. 28. [Modern][Javascript] 체크박스 전체 선택 / 전체 해제 구현 Modern 시리즈는 작성일 기준 최신 자바스크립트 문법으로 구현한 예제입니다. 최신 문법으로 체크박스 전체 선택 / 전체 해제 구현하는 방법을 소개합니다. HTML 삽입 미리보기할 수 없는 소스 JS const checkAll = document.querySelector("[name=checkAll]"); const items = [...document.querySelectorAll("[name=items]")]; // 아이템 선택 이벤트 items.forEach(async (item) => { item.onchange = (e) => { checkAll.checked = items.every((item) => item.checked); } }); // 전체 선택 이벤트 checkAll.onchange.. 2024. 2. 21. [NodeJS] 자바스크립트도 between을 쓸 수 있다! 개발을 하다보면 비밀번호 길이 체크같은 유효성 검사나, 값의 범위를 검사하는 경우가 자주 생깁니다. 이런 코드를 작성하면 꽤나 장황한 문구로 생성되죠. if (value > start && value < end) // or if (start < value && value < end) SQL에서는 이러한 범위 값 판정을 between으로 해결합니다. SELECT * FROM some_table WHERE value BETWEEN 10 AND 20 만약 NodeJS에서 SQL의 between을 사용할 수 있다면 어떨까요? if (value in between(start, end)) 깔끔하고 명시적인 프로그래밍이 가능해집니다. 설치 between 라이브러리를 설치합니다. npm i @aierse/between.. 2024. 2. 13. 이전 1 다음 반응형
