자바스크립트 배열 forEach, filter, map 설명
·
개발/JavaScript
자바스크립트 배열에서는 내장 메소드를 사용하여 복잡한 반복 작업을 편리하게 처리할 수 있습니다. 이번 포스팅에서는 대표적인 메소드인 forEach, filter, map의 특징과 사용 방법에 대해 알아보도록 하겠습니다. forEach: 배열 요소를 하나씩 돌며 작업을 수행하며 리턴 값은 없음 filter: 조건에 맞는 요소만 필터링하여 새로운 배열로 리턴 map: 배열 요소를 하나씩 돌며 작업을 수행하고 새로운 배열로 리턴 forEach forEach는 각 배열 요소를 하나씩 돌며 작업을 수행할 때 사용합니다. 별도의 리턴 값은 없습니다. 다음과 같이 각 배열 요소를 console.log()로 찍어볼 수 있습니다. const fruits = ["banana", "apple", "orange"]; func..
[바닐라 자바스크립트] ① 투두 리스트 앱
·
개발/Projects
바닐라 자바스크립트로 투두 리스트 앱을 만들어 봤다. 이벤트 리스너, form, input태그에 대해 복습해볼 수 있었다. DOM을 통한 HTML 핸들링에 대해 전반적으로 살펴볼 수 있었다. 닉네임과 투두 리스트는 localStorage에 저장하고 불러오는 방식으로 구현했다. 총 4시간 정도 걸렸다. 아래는 압축 영상. 별 거 없지만 그냥 한 번 찍어봤다. 😆
자바스크립트 배열 요소 랜덤 선택하기
·
개발/JavaScript
자바스크립트 배열에 담긴 요소를 랜덤으로 선택하려면 어떻게 해야 할까요? 다양한 방법이 있지만 가장 많이 사용되는 방법은 다음과 같습니다. 배열 요소 랜덤 선택하기 아래와 같이 날씨의 정보를 담은 배열이 있다고 해보겠습니다. const weather = ["Sunny", "Cloudy", "Rainy", "Windy"]; 각 요소를 랜덤으로 선택하려면 아래와 같이 Math() 메소드를 사용할 수 있습니다. Math.floor(Math.random() * weather.length); Math.random()은 0에서 1 사이의 소수를 랜덤하게 생성해주는 메소드죠. 여기에 배열의 길이를 곱해준 다음 Math.floor()를 통해 정수로 만들어줍니다. 이렇게 하면 랜덤한 배열 인덱스를 받을 수 있습니다. 최..
자바스크립트 디데이 계산하기
·
개발/JavaScript
자바스크립트를 사용하여 현재 날짜를 받고, 이를 통해 디데이를 계산하는 방법에 대해 알아보도록 하겠습니다. 현재 날짜와 디데이 날짜 설정 디데이를 계산하려면 현재 날짜와 디데이 날짜를 알아야겠죠? 자바스크립트에서는 new Date()를 통해 현재 날짜와 시각을 받을 수 있습니다. 디데이 날짜는 올해의 크리스마스로 지정해보도록 하겠습니다. function christmasClock() { const today = new Date(); const year = today.getFullYear(); const christmas = new Date(`${year}-12-25`); 디데이 계산하기 이제 오늘 날짜와 디데이 날짜의 차이를 계산하고 이를 디데이 형식으로 표현할 수 있습니다. const untilChri..
유진목 ‹산책과 연애›
·
책/책 읽고 쓰기
사랑하며 사는 사람들은 그래서 상심한다. 사랑하면 모른 척할 수 없다. 사랑하면 회피할 수 없다. 사랑하면 무책임할 수 없다. 사랑하면 변명할 수 없다. 사랑하면 거짓말할 수 없다. 사랑하면 금세 말을 바꿀 수 없다. 사랑하면 재빨리 모습을 바꿀 수 없다. 사랑하면 더 빨리 갈 수 없다. 사랑하면 더 많이 가질 수 없다. 사랑하면 버릴 수 없다. 사랑하면 모를 수 없다. 모르는 것은 사랑하면 폭력이 된다. 아는 것은 사랑하면 허영이 된다. 사랑하며 사는 사람은 사랑하며 살지 않는 사람보다 적다. 언제나 그랬다. 다수는 세상을 움직이고 소수는 세상을 바꾼다. 언제나 그랬다. 그녀에게 지난 연애는 고통이자 성가심의 연속이었고, 산책은 그러한 순간으로부터 잠시 빠져나와 자신을 진정시키는 시도였던 거 같다. 매..
[집무실 레터 ⑬] 지금부터 기록을 시작해야 하는 이유
·
기록/집무실 레터
안녕하세요. 휘입니다. 오늘은 기록의 중요성에 대해 이야기해보려고 해요. 특별히 프리랜서나 솔로 워커에게는 기록은 선택 사항이 아니라 필수라고 생각해요. 왜냐고요? 여러 이유가 있는데요. 가장 큰 이유 중 하나는 ‘불안’이라는 감정을 다루기 위해서에요. 저는 이제는 어느 정도 안정감을 찾은 상황이지만, 처음 자의반 타의반으로 이 길로 들어섰을 때는 정말 불안했던 거 같아요. 그 때 썼던 절망의 기록들… 그러나 한편으로는 그렇게 제 감정을 돌아보고 정리하지 않았다면 금세 포기했을 거라는 생각이 들어요. 혼자이기 때문에 쉽게 흔들릴 수 있어요. 무한한 자유는 무한한 불안이 될 수도 있거든요. 혹시 불안하신가요? 불안하다고 적어보세요. 그리고 왜 불안한지에 대해서 한 번 솔직하게 적어보세요. 기록은 불안을 인..
2022 연말 결산 ⏐ 62 ⏐ 일상 에세이
·
기록/일상 에세이
어느덧 연말이다. 2022년 한 해를 결산해보고자 한다. 올해 가장 많은 시간과 노력을 들였던 부분은 글쓰기와 개발 공부 그리고 투자와 파이프라인 정리였다.블로그 포스팅 340개2022년 한 해 동안 이곳 블로그에 135개의 글을 썼다. 다른 블로그에는 205개의 글을 썼는데 모두 합치면 340개의 글을 썼다. 1일 1포스팅을 계획한 적은 한 번도 없었지만, 거의 하루에 1개의 글을 쓴 셈이다. 하나의 글을 쓰는데는 짧게는 30분에서 2-3시간이 걸리는데, 돌이켜보니 매일 시간을 내서 글을 썼던 거 같다. 340개라니! 이정도면 거의 1일 1포 아닌가! 블로그를 정말 열심히 했구나 싶다.타임라인 회고작년 말부터 연초까지 개발 부트캠프에 다녔다. 생각만하던 개발을 제대로 공부해볼 수 있었던 시간이었는데, ..
정혜윤 ‹독립은 여행›
·
책/책 읽고 쓰기
정혜윤 ‹독립은 여행›에는 오래만난 남자친구와 이별을 하고 잠시 방황하다가 자신만의 아지트를 찾아 아름답게 꾸미고 새로운 사람들과 사랑하며 살아가는 이야기가 담겨있다. 독립적이면서도 동시에 느슨한 공동체를 만들어가며 자신의 길을 개척해가는 그녀가 멋지고 야무져보였다. 프리랜서. 다능인. 크루. 융지트. 자유. 사랑. 우정. 따뜻한 시선. 능력자. 노력하는 사람. 안목. 이 책을 읽고 생각나는 단어들을 나열해본다. 아, 여기에 유대와 연대라는 단어도 추가해야 할 거 같다. 혼자서 일하는 솔로 워커들의 좋은 '레퍼런스'가 될 수 있는 마음가짐과 선택들이 담겨 있는 책이다.