전체 글
[JavaScript] 조건부 삼항 연산자 사용 방법
조건부 삼항 연산자란 무엇이며 또 어떻게 사용할까요? 조건부 삼항 연산자는 자바스크립트에서 세 개의 피연산자를 사용할 수 있는 유일한 연산자로 보통 if 문을 간결하게 표현하기 위해 사용합니다. 조건부 삼항 연산자 예시 조건부 삼항 연산자는 어떻게 사용할까? 다음은 삼항 연산자를 사용한 함수의 예시입니다. 아래에서는 isWin이 true일 경우 10이 출력되고, false일 경우 0이 출력됩니다. function getScore(isWin) { return (isWin ? 10 : 0); } console.log(getScore(true)); // 10 console.log(getScore(false)); // 0 조건부 삼항 연산자 사용 방법 조건부 삼항 연산자는 condition ? exprIfTru..
[JavaScript] 비구조적 할당 사용 방법과 이유
비구조 할당(destructuring assignment)이란 배열 또는 객체의 속성을 변수에 연결하는 방식입니다. 비구조적 할당 문법은 어떻게 사용하며, 왜 사용하는 것일까요? 비구조적 할당 사용 방법 자바스크립트에서는 배열이나 객체를 사용하여 일련의 데이터를 간편하게 저장할 수 있죠. 비구조적 할당은 이와 유사한 문법을 사용합니다. 차이점은 왼쪽에 값이 오고 오른쪽에 기존의 배열 또는 객체 변수 이름이 온다는 것입니다. 아래의 예시 코드를 참고해보세요. const numbers = [1, 2, 3, 4, 5]; const [firstNumber, secondNumber, ...restNumbers] = numbers; console.log(firstNumber); // 1 console.log(sec..
바벨이란?
바벨(Babel)은 ES6 이상의 자바스크립트나 JSX 또는 타입스크립트 코드를 ES5 형태의 코드로 변환해주는 역할을 합니다. 최신 문법으로 작성된 코드를 이전 버전의 코드로 변환하는 이유는 무엇일까요? 이는 웹브라우저와의 호환성을 위해서입니다. 최신 브라우저는 각 언어의 최신 문법을 지원하지만 구버전의 브라우저는 그렇지 않을 수도 있습니다. 따라서 바벨과 같은 트랜스 파일러를 사용하여 호환성을 높입니다.
자바스크립트 배열 forEach, filter, map 설명
자바스크립트 배열에서는 내장 메소드를 사용하여 복잡한 반복 작업을 편리하게 처리할 수 있습니다. 이번 포스팅에서는 대표적인 메소드인 forEach, filter, map의 특징과 사용 방법에 대해 알아보도록 하겠습니다. forEach: 배열 요소를 하나씩 돌며 작업을 수행하며 리턴 값은 없음 filter: 조건에 맞는 요소만 필터링하여 새로운 배열로 리턴 map: 배열 요소를 하나씩 돌며 작업을 수행하고 새로운 배열로 리턴 forEach forEach는 각 배열 요소를 하나씩 돌며 작업을 수행할 때 사용합니다. 별도의 리턴 값은 없습니다. 다음과 같이 각 배열 요소를 console.log()로 찍어볼 수 있습니다. const fruits = ["banana", "apple", "orange"]; func..
[바닐라 자바스크립트] ① 투두 리스트 앱
바닐라 자바스크립트로 투두 리스트 앱을 만들어 봤다. 이벤트 리스너, form, input태그에 대해 복습해볼 수 있었다. DOM을 통한 HTML 핸들링에 대해 전반적으로 살펴볼 수 있었다. 닉네임과 투두 리스트는 localStorage에 저장하고 불러오는 방식으로 구현했다. 총 4시간 정도 걸렸다. 아래는 압축 영상. 별 거 없지만 그냥 한 번 찍어봤다. 😆
자바스크립트 배열 요소 랜덤 선택하기
자바스크립트 배열에 담긴 요소를 랜덤으로 선택하려면 어떻게 해야 할까요? 다양한 방법이 있지만 가장 많이 사용되는 방법은 다음과 같습니다. 배열 요소 랜덤 선택하기 아래와 같이 날씨의 정보를 담은 배열이 있다고 해보겠습니다. const weather = ["Sunny", "Cloudy", "Rainy", "Windy"]; 각 요소를 랜덤으로 선택하려면 아래와 같이 Math() 메소드를 사용할 수 있습니다. Math.floor(Math.random() * weather.length); Math.random()은 0에서 1 사이의 소수를 랜덤하게 생성해주는 메소드죠. 여기에 배열의 길이를 곱해준 다음 Math.floor()를 통해 정수로 만들어줍니다. 이렇게 하면 랜덤한 배열 인덱스를 받을 수 있습니다. 최..
자바스크립트 디데이 계산하기
자바스크립트를 사용하여 현재 날짜를 받고, 이를 통해 디데이를 계산하는 방법에 대해 알아보도록 하겠습니다. 현재 날짜와 디데이 날짜 설정 디데이를 계산하려면 현재 날짜와 디데이 날짜를 알아야겠죠? 자바스크립트에서는 new Date()를 통해 현재 날짜와 시각을 받을 수 있습니다. 디데이 날짜는 올해의 크리스마스로 지정해보도록 하겠습니다. function christmasClock() { const today = new Date(); const year = today.getFullYear(); const christmas = new Date(`${year}-12-25`); 디데이 계산하기 이제 오늘 날짜와 디데이 날짜의 차이를 계산하고 이를 디데이 형식으로 표현할 수 있습니다. const untilChri..
유진목 ‹산책과 연애›
사랑하며 사는 사람들은 그래서 상심한다. 사랑하면 모른 척할 수 없다. 사랑하면 회피할 수 없다. 사랑하면 무책임할 수 없다. 사랑하면 변명할 수 없다. 사랑하면 거짓말할 수 없다. 사랑하면 금세 말을 바꿀 수 없다. 사랑하면 재빨리 모습을 바꿀 수 없다. 사랑하면 더 빨리 갈 수 없다. 사랑하면 더 많이 가질 수 없다. 사랑하면 버릴 수 없다. 사랑하면 모를 수 없다. 모르는 것은 사랑하면 폭력이 된다. 아는 것은 사랑하면 허영이 된다. 사랑하며 사는 사람은 사랑하며 살지 않는 사람보다 적다. 언제나 그랬다. 다수는 세상을 움직이고 소수는 세상을 바꾼다. 언제나 그랬다. 그녀에게 지난 연애는 고통이자 성가심의 연속이었고, 산책은 그러한 순간으로부터 잠시 빠져나와 자신을 진정시키는 시도였던 거 같다. 매..
